fix design, fix link

Closes #2650

src/app/pages/login/2fa.vue

@@ -40,11 +40,9 @@ const authenticating = ref(false);
 const totp = ref<string>('');
 
 const { error } = await useFetch('/api/auth/pending');
-watchEffect(() => {
 if (error.value) {
-    navigateTo('/login');
+  await navigateTo('/login');
 }
-});
 
 const _submit = useSubmit(
   (data) =>

src/app/pages/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-col gap-5">
     <div
       v-if="authMethods && authMethods.oauthEnabled"
       class="flex flex-col gap-5"

src/app/pages/me.vue

@@ -159,6 +159,7 @@
                   v-for="(info, provider) in authMethods.providers"
                   :key="provider"
                   class="flex items-center gap-2 p-2"
+                  as="a"
                   :href="`/api/auth/${provider}?link=true`"
                 >
                   <IconsBrandsProvider :provider="provider" class="h-4 w-4" />