feat: replace nuxt icons with unocss icons

app/components/Dialog/Settings.vue

@@ -11,23 +11,23 @@ const { providers } = useModels();
 const PAGES_CONFIG = {
     general: {
         label: 'General',
-        icon: 'mynaui:cog-four',
+        icon: 'i-mynaui-cog-four',
         component: GeneralSettings
     },
     appearance: {
         label: 'Appearance',
-        icon: 'tabler:palette',
+        icon: 'i-tabler-palette',
         component: AppearanceSettings
     },
     providers: {
         label: 'AI Providers',
-        icon: 'mynaui:api',
+        icon: 'i-mynaui-api',
         component: ProviderSettings,
         sidebar: ProviderSidebar
     },
     systemAssistants: {
         label: 'System Assistants',
-        icon: 'mynaui:sparkles',
+        icon: 'i-mynaui-sparkles',
         component: SystemAssistants
     },
 } as const;
@@ -79,7 +79,7 @@ const runtimePage = computed(() => {
             <button v-else v-for="(config, id) in PAGES_CONFIG" :key="id" @click="setOptions({ page: id })"
                 :class="[page === id ? 'bg-[var(--color-hover)]' : 'hover:bg-[var(--color-hover)]', 'flex justify-between items-center shrink-0 px-1 rounded-lg transition-colors cursor-pointer h-9']">
                 <div class="flex items-center gap-2 max-w-full flex-1">
-                    <Icon :name="config.icon" class="w-5 h-5" />
+                    <span :class="['w-5 h-5 text-5', config.icon]"></span>
                     {{ config.label }}
                 </div>
             </button>
@@ -93,7 +93,7 @@ const runtimePage = computed(() => {
                 <button
                     class="hover:bg-[var(--color-hover)] p-1.5 rounded-md transition-colors duration-200 ease-[cubic-bezier(0,0.55,0.45,1)]"
                     @click="close">
-                    <Icon name="mynaui:x-solid" />
+                    <span class="i-mynaui-x-solid"></span>
                 </button>
             </header>
             <component @navigate="(p: string, params?: string) => setOptions({ page: p, params })"