fix: use linkbase/buttonbase

Author: danielroe

app/components/Header/AuthModal.client.vue

@@ -76,21 +76,19 @@ watch(user, async newUser => {
       </div>
 
       <div class="flex flex-col space-y-4">
-        <NuxtLink
+        <LinkBase
+          variant="button-secondary"
           :to="{ name: 'profile-handle', params: { handle: user.handle } }"
           prefetch-on="interaction"
-          class="block w-full px-4 py-2 font-mono text-sm text-fg-muted bg-bg-subtle border border-border rounded-md transition-colors duration-200 hover:text-fg hover:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 text-center"
+          class="w-full"
           @click="authModal.close()"
         >
           {{ $t('auth.modal.profile') }}
-        </NuxtLink>
+        </LinkBase>
 
-        <button
-          class="w-full px-4 py-2 font-mono text-sm text-fg-muted bg-bg-subtle border border-border rounded-md transition-colors duration-200 hover:text-fg hover:border-border-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
-          @click="logout"
-        >
+        <ButtonBase class="w-full" @click="logout">
           {{ $t('auth.modal.disconnect') }}
-        </button>
+        </ButtonBase>
       </div>
     </div>