Correctly display user with pfp if available

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

@@ -2,11 +2,10 @@
 import Header from '$lib/components/Header.svelte'
 import UserHeader from '$lib/components/UserHeader.svelte';
 export let data
-let username = ""
+let user;
 if(data.session){
-	username = data.session.user.name
+	user = data.session.user
 }
-console.log(data)
 </script>
 
 <Header>
@@ -19,6 +18,6 @@ console.log(data)
 	<li><a href="https://cloud.bocken.org">Cloud</a></li>
 	<li><a href="/searx">Searx</a></li>
 	</ul>
-	<UserHeader {username} slot=right_side></UserHeader>
+	<UserHeader {user} slot=right_side></UserHeader>
 	<slot></slot>
 </Header>

src/routes/rezepte/+layout.server.ts

@@ -1,8 +1,8 @@
-import type { Actions, PageServerLoad } from "./$types"
+import type { PageServerLoad } from "./$types"
 import { error } from "@sveltejs/kit"
 
-export const load = (async ({cookies, locals}) => {
+export const load : PageServerLoad = async ({locals}) => {
 	return {
-		session: await locals.getSession()
+		session: await locals.auth()
 	}
-});
+};

src/routes/rezepte/+layout.svelte

@@ -2,9 +2,9 @@
 import Header from '$lib/components/Header.svelte'
     import UserHeader from '$lib/components/UserHeader.svelte';
 export let data
-let username = ""
+let user;
 if(data.session){
-	username = data.session.user.name
+	user = data.session.user
 }
 </script>
 
@@ -16,6 +16,6 @@ if(data.session){
 	<li><a href="/rezepte/icon">Icon</a></li>
 	<li><a href="/rezepte/tag">Stichwörter</a></li>
 	</ul>
-	<UserHeader slot=right_side {username}></UserHeader>
+	<UserHeader slot=right_side {user}></UserHeader>
 	<slot></slot>
 </Header>