basic auth ui

src/routes/+layout.svelte

@@ -3,4 +3,17 @@
 	let { children } = $props();
 </script>
 
-{@render children()}
+<header class="p-4">
+	<h1 class="text-2xl font-bold">My App</h1>
+	<nav>
+		<a href="/">Home</a>
+		<a href="/about">About</a>
+	</nav>
+</header>
+<main class="flex-grow p-4">
+	{@render children()}
+</main>
+
+<footer class="p-4 text-center">
+	<p>&copy; 2024</p>
+</footer>

src/routes/+page.svelte

@@ -1,2 +1,7 @@
+<script lang="ts">
+	import { AuthForm } from "$lib/components/app/auth-form";
+</script>
+
 <h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+
+<AuthForm />