style: revert menu back to old design while using new components

Author: essenmitsosse

app/components/AppHeader.vue

@@ -151,19 +151,29 @@ onKeyStroke(
       </div>
 
       <!-- End: Desktop nav items + Mobile menu button -->
-      <ButtonGroup class="hidden sm:flex flex-shrink-0">
+      <div class="hidden sm:flex flex-shrink-0">
         <!-- Desktop: Compare link -->
-        <LinkBase variant="button-secondary" :to="{ name: 'compare' }" keyshortcut="c">
+        <LinkBase
+          class="border-none"
+          variant="button-secondary"
+          :to="{ name: 'compare' }"
+          keyshortcut="c"
+        >
           {{ $t('nav.compare') }}
         </LinkBase>
 
         <!-- Desktop: Settings link -->
-        <LinkBase variant="button-secondary" :to="{ name: 'settings' }" keyshortcut=",">
+        <LinkBase
+          class="border-none"
+          variant="button-secondary"
+          :to="{ name: 'settings' }"
+          keyshortcut=","
+        >
           {{ $t('nav.settings') }}
         </LinkBase>
 
         <HeaderAccountMenu />
-      </ButtonGroup>
+      </div>
 
       <!-- Mobile: Menu button (always visible, click to open menu) -->
       <ButtonBase

app/components/Header/AccountMenu.client.vue

@@ -62,7 +62,7 @@ function openAuthModal() {
       :aria-expanded="isOpen"
       aria-haspopup="true"
       @click="isOpen = !isOpen"
-      class="rounded-s-none border-s-0"
+      class="border-none"
     >
       <!-- Stacked avatars when connected -->
       <div