fix: prevent LogoContextMenu wrapper from breaking mobile nav layout

Use display:contents so the wrapper div doesn't participate in flex layout.

Author: Adebesin-Cell

app/components/AppHeader.vue

@@ -226,11 +226,11 @@ onKeyStroke(
       class="relative container min-h-14 flex items-center gap-2 z-1 justify-end"
     >
       <!-- Mobile: Logo (navigates home) -->
-      <LogoContextMenu v-if="!isSearchExpanded && !isOnHomePage" class="sm:hidden">
+      <LogoContextMenu v-if="!isSearchExpanded && !isOnHomePage" class="sm:hidden flex-shrink-0">
         <NuxtLink
           to="/"
           :aria-label="$t('header.home')"
-          class="flex-shrink-0 font-mono text-lg font-medium text-fg hover:text-fg transition-colors duration-200 focus-ring me-4"
+          class="font-mono text-lg font-medium text-fg hover:text-fg transition-colors duration-200 focus-ring me-4"
         >
           <AppMark class="w-6 h-auto" />
         </NuxtLink>

app/components/LogoContextMenu.vue

@@ -56,7 +56,7 @@ onKeyStroke('Escape', () => {
 </script>
 
 <template>
-  <div @contextmenu="onContextMenu">
+  <div class="contents" @contextmenu="onContextMenu">
     <slot />
 
     <Teleport to="body">