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

@@ -20,5 +20,7 @@ export async function load(event) {
 	}
 
 	const { password: _, ...rest } = session.user;
-	return rest;
+	return {
+		user: rest,
+	};
 }

src/routes/app/+layout.svelte

@@ -5,11 +5,13 @@
 
 	type Props = {
 		children: Snippet;
-		data: Omit<User, 'password'>;
+		data: {
+			user: Omit<User, 'password'>;
+		};
 	};
 
 	let { children, data }: Props = $props();
 </script>
 
-<Navbar title="Svelte" username={data.name} />
+<Navbar title="Svelte" username={data.user.name} />
 {@render children()}