Automate login, Add logout button

Blumy-Server/src/routes/+layout.server.ts

@@ -0,0 +1,7 @@
+import type { LayoutServerLoad } from "./$types";
+
+export const load = (({ locals }) => {
+    return {
+        authenticated: locals.user !== null
+    }
+}) satisfies LayoutServerLoad;

Blumy-Server/src/routes/+layout.svelte

@@ -8,6 +8,8 @@
 	import { pwaInfo } from 'virtual:pwa-info';
 	import { PUBLIC_MODE } from '$env/static/public';
 
+	export let data;
+
 	onMount(async () => {
 		// @ts-expect-error no declaration file
 		await import('@tabler/core/dist/js/tabler.js');
@@ -47,6 +49,17 @@
 					</li>
 				</ul>
 			</div>
+			{#if data.authenticated}
+				<div class="collapse navbar-collapse" id="navbarNav">
+					<ul class="navbar-nav">
+						<li class="nav-item">
+							<form method="POST" action="/auth?/logout">
+								<button class="nav-link" data-testid="logout-button">Log out</button>
+							</form>
+						</li>
+					</ul>
+				</div>
+			{/if}
 		</div>
 	</header>
 	<div class="page-wrapper">

Blumy-Server/src/routes/login/+page.svelte

@@ -1,5 +1,23 @@
 <script lang="ts">
-	import LoginGoogleButton from '$lib/components/auth/LoginGoogleButton.svelte';
-</script>
+	import { browser } from '$app/environment';
+	import { goto } from '$app/navigation';
+	import { onMount } from 'svelte';
+	import { z } from 'zod';
+
+	onMount(async () => {
+		if (browser) {
+			const response = await fetch('/auth?/loginGoogle', { method: 'POST', body: '' });
+			const redirect = z
+				.object({
+					status: z.number(),
+					location: z.string()
+				})
+				.parse(await response.json());
 
-<LoginGoogleButton />
+			// if code is 302, redirect to the google login page
+			if (redirect.status === 302) {
+				window.location.href = redirect.location;
+			}
+		}
+	});
+</script>