Minor styling changes

src/routes/private/+layout.svelte

@@ -3,7 +3,7 @@
 	import { QueryClient, QueryClientProvider } from '@tanstack/svelte-query';
 	import ToastContainer from '$lib/components/ToastContainer.svelte';
 
-	let { data } = $props();
+	let { data, children } = $props();
 
 	const queryClient = new QueryClient({
 		defaultOptions: {
@@ -19,10 +19,9 @@
 <nav class="border-b border-gray-300 bg-gray-50 p-2 text-gray-900">
 	<div class="container mx-auto max-w-2xl p-2">
 		<div class="flex items-center justify-between">
-			<div class="text-lg font-bold">ScanWave</div>
+			<a href="/private/home" class="text-lg font-bold" aria-label="ScanWave Home">ScanWave</a>
 
 			<ul class="flex space-x-4">
-				<li><a href="/private/home">Home</a></li>
 				<li><a href="/private/scanner">Scanner</a></li>
 				{#if data.profile?.section_position === 'events_manager'}
 					<li><a href="/private/events">Events</a></li>
@@ -35,7 +34,7 @@
 
 <div class="container mx-auto max-w-2xl bg-white p-2">
 	<QueryClientProvider client={queryClient}>
-		<slot />
+		{@render children()}
 	</QueryClientProvider>
 </div>