feat(#9): Add sign in and sign out

src/lib/components/SignIn.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	const dispatch = createEventDispatcher();
+
+	function emitSignedInEvent() {
+		dispatch('signedIn', {});
+	}
+
+	let email = '';
+	let password = '';
+
+	// Access the supabase client from the layout data
+	export let supabase: any;
+
+	async function signInWithEmail() {
+		// TODO use the data and error from the response
+		const { data, error } = await supabase.auth
+			.signInWithPassword({
+				email: email,
+				password: password
+			})
+			.then(() => {
+				emitSignedInEvent();
+			});
+	}
+</script>
+
+<input type="email" bind:value={email} placeholder="Email" />
+<input type="password" bind:value={password} placeholder="Password" />
+<button on:click={signInWithEmail}>Sign In</button>

src/lib/components/SignOut.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	const dispatch = createEventDispatcher();
+
+	function emitSignedOutEvent() {
+		dispatch('signedOut', {});
+	}
+
+	// Access the supabase client from the layout data
+	export let supabase: any;
+
+	async function signOut() {
+		// TODO use the error from the response
+		const { error } = await supabase.auth.signOut().then(() => {
+			emitSignedOutEvent();
+		});
+	}
+</script>
+
+<button on:click={signOut}>Sign Out</button>