feat: replace nuxt icons with unocss icons

app/components/Message/Agent/Reasoning.vue

@@ -59,11 +59,12 @@ const toggleReasoning = async () => {
             <span class="flex items-center gap-1">
                 <span
                     class="w-[24px] h-[24px] flex-shrink-0 rounded-lg overflow-hidden bg-[var(--bg-surface)] flex items-center justify-center">
-                    <Icon name="mynaui:atom" class="w-3 h-3 text-[var(--reasoning-accent)]" />
+                    <span class="i-mynaui-atom text-2.5 text-[var(--reasoning-accent)]"></span>
                 </span>
                 Deep Thinking
             </span>
-            <Icon name="mynaui:chevron-down" :class="['w-4 h-4', reasoningOpen ? '' : '-rotate-90']" />
+            <span class="i-mynaui-chevron-down w-4 h-4 text-[var(--text-secondary)]"
+                :class="reasoningOpen ? '' : '-rotate-90'"></span>
         </button>
         <div v-if="reasoningOpen" ref="containerRef" @scroll="handleScroll"
             :class="['reasoning-contaizner max-h-[min(40vh,320px)] overflow-y-auto [scrollbar-width:thin] [scrollbar-color:#888_transparent] [scrollbar-gutter:stable]', scrollState]">