fix(a11y): remove nested button inside NuxtLink in AuthModal

Author: danielroe

app/components/Header/AuthModal.client.vue

@@ -79,13 +79,10 @@ watch(user, async newUser => {
         <NuxtLink
           :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"
+          @click="authModal.close()"
         >
-          <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="authModal.close()"
-          >
-            {{ $t('auth.modal.profile') }}
-          </button>
+          {{ $t('auth.modal.profile') }}
         </NuxtLink>
 
         <button