fix(store-header): adjust category menu structure and set height for categories

src/app/core/layout/store-layout/store-header/store-header.component.html

@@ -152,9 +152,9 @@
     </div>
   </div>
 
-  @if (displayCategories()) {
-    <div class="store-layout__categories d-none d-md-block">
-      <div class="container-xl px-3 px-md-4">
+  <div class="store-layout__categories d-none d-md-block">
+    <div class="container-xl px-3 px-md-4">
+      @if (displayCategories()) {
         <div class="store-layout__category-menu">
           <button
             type="button"
@@ -175,7 +175,7 @@
             (categorySelect)="onCategorySelect($event)"
           />
         </div>
-      </div>
+      }
     </div>
-  }
+  </div>
 </header>

src/app/core/layout/store-layout/store-header/store-header.component.scss

@@ -10,6 +10,10 @@
   border-bottom: 1px solid var(--border-color);
 }
 
+.store-layout__categories {
+  height: 3.5rem;
+}
+
 .store-layout__brand-slot {
   min-width: 150px;
 }