fix: proper centering for login page content, avoid unnecssary scrollbar

web/src/routes/+layout.svelte

@@ -37,9 +37,11 @@ onMount(() => {
 </script>
 
 <Tooltip.Provider>
+  <div class="flex min-h-screen flex-col">
     <NavBar />
 
     <PageTransition key={transitionKey}>
       {@render children()}
     </PageTransition>
+  </div>
 </Tooltip.Provider>

web/src/routes/login/+page.svelte

@@ -3,7 +3,7 @@ import { authStore } from "$lib/auth.svelte";
 import { LogIn } from "@lucide/svelte";
 </script>
 
-<div class="flex min-h-screen items-center justify-center">
+<div class="flex flex-1 items-center justify-center pb-14">
   <div class="w-full max-w-sm space-y-6 text-center">
     <h1 class="text-3xl font-bold">Sign In</h1>
     <p class="text-muted-foreground">Sign in with your Discord account to continue.</p>