Move expand button from separate bar to SearchBar area

app/components/navigation/SubNavigation.vue

@@ -1,15 +1,6 @@
 <template>
   <nav v-if="items.length > 0" class="sticky top-16 z-30 bg-base-100 border-b border-base-300">
     <div class="flex items-center gap-1 py-2 px-4 lg:px-6 overflow-x-auto">
-      <!-- Collapse button (chevron up) -->
-      <button
-        v-if="showCollapseButton"
-        class="btn btn-ghost btn-xs btn-circle mr-1 flex-shrink-0"
-        @click="emit('collapse')"
-      >
-        <Icon name="lucide:chevron-up" size="16" />
-      </button>
-
       <NuxtLink
         v-for="item in items"
         :key="item.path"
@@ -26,11 +17,6 @@
 <script setup lang="ts">
 const props = defineProps<{
   section: 'catalog' | 'orders' | 'seller' | 'settings'
-  showCollapseButton?: boolean
-}>()
-
-const emit = defineEmits<{
-  collapse: []
 }>()
 
 const localePath = useLocalePath()

app/components/page/CatalogPage.vue

@@ -14,7 +14,20 @@
     <template v-else>
       <!-- Search bar slot (sticky third bar - like navigation) -->
       <div v-if="$slots.searchBar" class="sticky z-20 -mx-3 lg:-mx-6 px-3 lg:px-6 pt-4 pb-2 bg-base-100 border-b border-base-300" :style="searchBarStyle">
-        <slot name="searchBar" :displayed-count="displayItems.length" :total-count="totalCount" />
+        <div class="flex items-center gap-2">
+          <!-- Expand button - appears when header collapsed -->
+          <button
+            v-if="isCollapsed"
+            class="btn btn-ghost btn-sm gap-1 flex-shrink-0"
+            @click="expand"
+          >
+            <span class="font-bold text-primary text-lg">O</span>
+            <Icon name="lucide:chevron-up" size="14" />
+          </button>
+          <div class="flex-1">
+            <slot name="searchBar" :displayed-count="displayItems.length" :total-count="totalCount" />
+          </div>
+        </div>
       </div>
 
       <!-- With Map: Split Layout -->
@@ -215,7 +228,7 @@ const props = withDefaults(defineProps<{
 
 // Smooth scroll collapse - pixel values for smooth animation
 // MainNav: 64px, SubNav: 54px, Header total: 118px, SearchBar: 56px
-const { searchBarTop, mapTop } = useScrollCollapse(118, 56)
+const { searchBarTop, mapTop, isCollapsed, expand } = useScrollCollapse(118, 56)
 
 const slots = useSlots()
 const hasSearchBar = computed(() => !!slots.searchBar)