Replace Ant Design Vue icons with a local admin Icon component.

Drop @ant-design/icons-vue and wire list pages, nav, and forms through the shared icons map.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/admin-panel/src/views/invoice/AddInvoice.vue

@@ -46,7 +46,7 @@
       <a-table :columns="columns" :data-source="items" bordered :pagination="false" row-key="pid">
         <template #bodyCell="{ column, record }">
           <template v-if="column.dataIndex === 'delete'">
-            <CloseOutlined class="cursor-pointer" @click="cart.remove(record)" />
+            <Icon icon="vuesax-linear:close-circle" size="16" class="cursor-pointer" @click="cart.remove(record)" />
           </template>
           <template v-else-if="column.dataIndex === 'product'">
             <div class="flex items-center">
@@ -113,7 +113,7 @@
         >
           <template #bodyCell="{ column, record }">
             <template v-if="column.dataIndex === 'delete'">
-              <CloseOutlined class="cursor-pointer" @click="cart.remove(record)" />
+              <Icon icon="vuesax-linear:close-circle" size="16" class="cursor-pointer" @click="cart.remove(record)" />
             </template>
             <template v-else-if="column.dataIndex === 'product'">
               <div class="flex items-center">
@@ -161,10 +161,10 @@
 </template>
 
 <script setup lang="ts">
+import Icon from '../../components/icon/Icon.vue';
 import { computed, onMounted, reactive, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { message } from 'ant-design-vue';
-import { CloseOutlined } from '@ant-design/icons-vue';
 import BaseFormModal from '../../components/common/BaseFormModal.vue';
 import XTable from '../../components/x-table/XTable.vue';
 import { buildInvoiceProductModel } from './AddInvoice';