fix: sidebar styles and search button

app/components/Sidenav/NavHome.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/vue';
+import type { DialogType } from '~/composables/useDialog';
 
+const { openDialog } = useDialog();
 const { agents, createAgent } = useAgents();
 const agentsOpen = ref(true);
 const creatingAgent = ref(false);
@@ -119,7 +121,7 @@ onMounted(() => {
 
 <template>
     <nav ref="navRef" class="flex flex-col gap-1 overflow-auto">
-        <SidenavItem name="Search" icon="i-mynaui-search" />
+        <SidenavItem @click="openDialog(DialogType.QuickSwitcher)" name="Search" icon="i-mynaui-search" />
         <SidenavItem to="/" name="Home" icon="i-mynaui-home" />
 
         <!-- Header Toggle -->
@@ -134,7 +136,7 @@ onMounted(() => {
 
         <!-- Animated Section -->
         <Collapsible :is-open="agentsOpen">
-            <div class="mt-1 gap-1 flex flex-col transform-origin-top pt-1 pb-1 px-1">
+            <div class="flex flex-col transform-origin-top pt-1 pb-1 px-1">
                 <button @click="newAgent" :disabled="creatingAgent"
                     class="flex items-center gap-2 px-1 h-9 shrink-0 rounded-lg text-sm text-[var(--text-secondary)] hover:bg-[var(--color-hover)] transition-colors disabled:opacity-50 w-full">
                     <div class="h-7 w-7 flex items-center justify-center">