Move expand button from separate bar to SearchBar area

app/layouts/topnav.vue

@@ -1,18 +1,5 @@
 <template>
   <div class="min-h-screen flex flex-col bg-base-300">
-    <!-- Collapsed header bar (only on catalog pages when scrolled) -->
-    <div
-      v-if="showCollapsedBar"
-      class="sticky top-0 z-40 bg-base-100 border-b border-base-300 h-8 flex items-center px-4 lg:px-6"
-    >
-      <button
-        class="btn btn-ghost btn-xs btn-circle"
-        @click="expandHeader"
-      >
-        <Icon name="lucide:chevron-down" size="16" />
-      </button>
-    </div>
-
     <!-- Main Navigation (Logo + Tabs + User) -->
     <MainNavigation
       v-show="!isHeaderCollapsed"
@@ -38,8 +25,6 @@
       v-if="!isHomePage"
       v-show="!isHeaderCollapsed"
       :section="currentSection"
-      :show-collapse-button="canCollapse"
-      @collapse="collapseHeader"
     />
 
     <!-- Page content -->
@@ -56,7 +41,7 @@ const { signIn, signOut, loggedIn, fetch: fetchSession } = useAuth()
 const route = useRoute()
 
 // Collapsible header for catalog pages
-const { isCollapsed, expand, collapse } = useScrollCollapse(50)
+const { isCollapsed } = useScrollCollapse(50)
 
 // Theme state
 const theme = useState<'default' | 'night'>('theme', () => 'default')
@@ -114,10 +99,6 @@ const showSearch = computed(() => isHomePage.value)
 // Collapsible header logic - only for catalog pages (not home page)
 const canCollapse = computed(() => !isHomePage.value)
 const isHeaderCollapsed = computed(() => canCollapse.value && isCollapsed.value)
-const showCollapsedBar = computed(() => isHeaderCollapsed.value)
-
-const expandHeader = () => expand()
-const collapseHeader = () => collapse()
 
 // Provide collapsed state to child components (CatalogPage needs it for map positioning)
 provide('headerCollapsed', isHeaderCollapsed)