Icon refactor

src/pages/dashboard/invoices/[id]/edit.astro

@@ -1,6 +1,6 @@
 ---
 import DashboardLayout from '../../../../layouts/DashboardLayout.astro';
-import { Icon } from 'astro-icon/components';
+import Icon from '../../../../components/Icon.astro';
 import { db } from '../../../../db';
 import { invoices, members } from '../../../../db/schema';
 import { eq, and } from 'drizzle-orm';
@@ -48,7 +48,7 @@ const discountValueDisplay = invoice.discountType === 'fixed'
   <div class="max-w-3xl mx-auto">
     <div class="mb-6">
       <a href={`/dashboard/invoices/${invoice.id}`} class="btn btn-ghost btn-xs gap-2 pl-0 hover:bg-transparent text-base-content/60">
-        <Icon name="heroicons:arrow-left" class="w-4 h-4" />
+        <Icon name="arrow-left" class="w-4 h-4" />
         Back to Invoice
       </a>
       <h1 class="text-2xl font-extrabold tracking-tight mt-2">Edit Details</h1>