feat: replace nuxt icons with unocss icons

app/pages/agent/[id]/index.vue

@@ -82,7 +82,7 @@ const handleSubmit = async (message: string, model: ModelWithProvider | null) =>
             <div class="flex items-center gap-2 max-w-full">
                 <button v-if="!sidebarOpen" @click="openSidebar"
                     class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
-                    <Icon class="text-5" name="mynaui:panel-left-open" />
+                    <span class="i-mynaui-panel-left-open text-5"></span>
                 </button>
                 <h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
                     {{ agent?.name }}

app/pages/agent/[id]/profile.vue

@@ -38,7 +38,7 @@ const changeSystemPrompt = async (e: Event) => {
         <div class="flex items-center gap-2">
             <button v-if="!sidebarOpen" @click="openSidebar"
                 class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
-                <Icon class="text-5" name="mynaui:panel-left-open" />
+                <span class="i-mynaui-panel-left-open text-5"></span>
             </button>
         </div>
     </div>
@@ -47,7 +47,7 @@ const changeSystemPrompt = async (e: Event) => {
         <div class="flex items-center gap-4">
             <div>
                 <img v-if="agent?.imageUrl" :src="agent.imageUrl" class="w-16 h-16 rounded-full object-cover" />
-                <Icon v-else name="mynaui:check-hexagon" class="text-16" />
+                <span class="text-16 i-mynaui-check-hexagon"></span>
             </div>
             <input @input="handleInput" placeholder="Agent Name..."
                 class="placeholder:text-[var(--text-tertiary)] w-full bg-transparent rounded-none border-b-4 border-b-[var(--color-border)] text-12 p-0"

app/pages/agent/[id]/topic/[topicId].vue

@@ -365,7 +365,7 @@ onUnmounted(() => {
             <div class="flex items-center gap-2 max-w-full">
                 <button v-if="!sidebarOpen" @click="openSidebar"
                     class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
-                    <Icon class="text-5" name="mynaui:panel-left-open" />
+                    <span class="i-mynaui-panel-left-open text-5"></span>
                 </button>
                 <h4 class="text-lg text-ellipsis overflow-hidden whitespace-nowrap">
                     {{ topic?.name }}

app/pages/auth/login.vue

@@ -111,7 +111,7 @@ const submit = async () => {
         <input required minlength="8" maxlength="128" ref="passwordInputEl" type="password"
             autocomplete="current-password" id="password" v-model="form.password" />
         <button :disabled="!hydrated" class="accent" type="submit">
-            <Icon v-if="loading" class="text-6 h-6" name="svg-spinners:90-ring-with-bg" />
+            <span v-if="loading" class="i-svg-spinners-90-ring-with-bg text-6"></span>
             <span v-else>Login</span>
         </button>
     </form>

app/pages/auth/register.vue

@@ -152,7 +152,7 @@ const submit = async () => {
         <input required minlength="8" maxlength="128" ref="confirmPasswordInputEl" type="password"
             autocomplete="new-password" id="confirmPassword" v-model="form.confirmPassword" />
         <button :disabled="!hydrated" class="accent" type="submit">
-            <Icon v-if="loading" class="text-6 h-6" name="svg-spinners:90-ring-with-bg" />
+            <span v-if="loading" class="i-svg-spinners-90-ring-with-bg text-6"></span>
             <span v-else>Register</span>
         </button>
     </form>

app/pages/index.vue

@@ -162,7 +162,7 @@ onUnmounted(() => {
             <div class="flex items-center gap-2">
                 <button v-if="!sidebarOpen" @click="openSidebar"
                     class="flex p-2 rounded-lg text-[var(--text-primary)] bg-transparent hover:bg-[var(--color-hover)] transition-colors">
-                    <Icon class="text-5" name="mynaui:panel-left-open" />
+                    <span class="i-mynaui-panel-left-open text-5"></span>
                 </button>
             </div>
         </div>