feat: replace nuxt icons with unocss icons

app/components/Sidenav/HeaderAgent.vue

@@ -21,7 +21,7 @@ const toggleDropdown = (e: MouseEvent) => {
         for (const agent of agents.value || []) {
             items.push({
                 label: agent.name,
-                icon: 'mynaui:check-hexagon',
+                icon: 'i-mynaui-check-hexagon',
                 active: activeAgent.value?.id === agent.id,
                 onClick: () => navigateTo(`/agent/${agent.id}`)
             });
@@ -39,7 +39,7 @@ const toggleDropdown = (e: MouseEvent) => {
             :class="['flex flex-shrink-0 transform-origin-left-center items-center overflow-hidden transition-all duration-150 ease-[cubic-bezier(0.5,_1,_0.89,_1)]', isHovered ? 'opacity-100 scale-100' : 'opacity-0 scale-95']">
             <NuxtLink to="/"
                 class="flex hover:bg-[var(--color-hover)] focus-visible:bg-[var(--color-hover)] rounded-lg decoration-none transition-inherit text-[var(--text-secondary)] p-1.5">
-                <Icon name="mynaui:chevron-left" class="w-4.5 h-4.5" />
+                <span class="i-mynaui-chevron-left text-4.5"></span>
             </NuxtLink>
         </div>
 
@@ -50,16 +50,15 @@ const toggleDropdown = (e: MouseEvent) => {
                 <div
                     :class="['w-[28px] h-[28px] flex-shrink-0 rounded-lg overflow-hidden bg-[var(--bg-surface)] flex items-center justify-center', activeAgent?.imageUrl ? '' : 'border border-[var(--color-border)]']">
                     <img v-if="activeAgent?.imageUrl" :src="activeAgent.imageUrl" class="w-full h-full object-cover" />
-                    <Icon v-else name="mynaui:check-hexagon" class="w-4 h-4 text-[var(--color-accent)]" />
+                    <span v-else class="h-4 w-4 i-mynaui-check-hexagon text-[var(--color-accent)]"></span>
                 </div>
                 <span
                     class="min-w-0 text-sm font-medium text-ellipsis overflow-hidden text-[var(--text-primary)] whitespace-nowrap">
                     {{ activeAgent?.name }}
                 </span>
                 <div class="shrink-0 w-4 h-4 text-[var(--text-secondary)]">
-                    <Icon
-                        class="text-4 transform-origin-center-left duration-150 ease-[cubic-bezier(0.5,_1,_0.89,_1)] transition-all"
-                        name="mynaui:chevron-up-down" />
+                    <span
+                        class="i-mynaui-chevron-up-down inline-block text-4 transform-origin-center-left duration-150 ease-[cubic-bezier(0.5,_1,_0.89,_1)] transition-all"></span>
                 </div>
             </div>
         </button>