fix: homepage layout shift

Author: jellydeck

app/components/AppHeader.vue

@@ -252,17 +252,7 @@ onKeyStroke(
 
       <!-- End: Desktop nav items + Mobile menu button -->
       <div class="hidden sm:flex flex-shrink-0 space-x-0.5 md:space-x-2">
-        <!-- Desktop: Compare link -->
-        <LinkBase
-          class="border-none"
-          variant="button-secondary"
-          :to="{ name: 'compare' }"
-          keyshortcut="c"
-        >
-          {{ $t('nav.compare') }}
-        </LinkBase>
-
-        <!-- Desktop: Settings link -->
+        <!-- Desktop links -->
         <LinkBase
           v-for="link in desktopLinks"
           :key="link.name"

app/components/Header/AccountMenu.client.vue

@@ -62,7 +62,6 @@ function openAuthModal() {
       :aria-expanded="isOpen"
       aria-haspopup="true"
       @click="isOpen = !isOpen"
-      class="border-none"
     >
       <!-- Stacked avatars when connected -->
       <div
@@ -106,7 +105,7 @@ function openAuthModal() {
       </div>
 
       <!-- "connect" text when not connected -->
-      <span v-if="!hasAnyConnection" class="font-mono text-sm">
+      <span v-if="!hasAnyConnection" class="font-sans text-sm">
         {{ $t('account_menu.connect') }}
       </span>
 

app/components/Header/AccountMenu.server.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="relative flex min-w-24 justify-end">
     <div
-      class="inline-flex gap-x-1 items-center justify-center font-mono border border-border rounded-md text-sm px-4 py-2 bg-transparent text-fg border-none"
+      class="inline-flex gap-x-1 items-center justify-center font-mono border border-border rounded-md text-sm px-4 py-2 bg-transparent text-fg border border-border"
     >
-      <span class="font-mono text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
+      <span class="font-sans text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
       <span class="i-carbon-chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
     </div>
   </div>