fix: Main => use iconify&iconsax

src/components/home/MenuItem.vue

@@ -11,6 +11,7 @@ defineProps<{
     icon: string;
     title: string;
     caption: string;
+    isax?: boolean;
     color:
       | 'green'
       | 'red'
@@ -42,7 +43,14 @@ function navigateTo(destination: string) {
         :class="`q-pa-md menu-icon menu-icon__${v.color}${($q.dark.isActive && ' dark') || ''}`"
         :bordered="$q.dark.isActive"
       >
-        <q-icon size="3rem" :name="v.icon" />
+        <i v-if="v.isax" :class="`isax ${v.icon}`" style="font-size: 3rem" />
+        <iconify-icon
+          v-else
+          size="3rem"
+          :icon="v.icon"
+          width="3rem"
+          height="3rem"
+        />
       </AppCircle>
       <div class="column items-center q-mt-md text-center">
         <span style="font-weight: var(--font-weight-8)">{{ v.title }}</span>