user displayed in navbar with option to logout

src/routes/(main)/+layout.server.ts

@@ -0,0 +1,9 @@
+import type {LayoutServerLoad} from './$types';
+import { authenticateUser } from '$lib/js/authenticate';;
+
+export const load = (async ({cookies}) => {
+	const user =  await authenticateUser(cookies)
+	return {
+		user
+	}
+}) satisfies LayoutServerLoad;

src/routes/(main)/+layout.svelte

@@ -1,6 +1,11 @@
 <script>
 import Header from '$lib/components/Header.svelte'
-
+import UserHeader from '$lib/components/UserHeader.svelte';
+export let data
+let username = ""
+if(data.user){
+	username = data.user.username
+}
 </script>
 
 <Header>
@@ -10,5 +15,6 @@ import Header from '$lib/components/Header.svelte'
 	<li><a href="/git">Git</a></li>
 	<li><a href="/transmission">Transmission</a></li>
 	</ul>
+	<UserHeader {username} slot=right_side></UserHeader>
 	<slot></slot>
 </Header>