Tidy dynamic title handling

src/routes/+layout.svelte

@@ -17,7 +17,7 @@
 	]
 
 	const activePath = $derived(page.url?.pathname ?? '');
-	const isHome = $derived(page.url?.pathname ?? '' === '/');
+	const isHome = $derived(page.url.pathname === '/');
 	
 
 	const moreIcon = IconDots;
@@ -36,7 +36,7 @@
 		{/if}
 	</a>
 	{#if !isHome}
-		<h1 class="page-title">{headerState?.title ?? ""}</h1>
+		<h1 class="page-title">{page?.data?.title ?? ""}</h1>
 	{/if}
 </header>
 

src/routes/about/+page.svelte

@@ -1,4 +1,2 @@
 <script lang="ts">
-    import headerState from '$lib/Header/Header.svelte.ts'
-    headerState.title = "About"
 </script>

src/routes/about/+page.ts

@@ -0,0 +1,5 @@
+export const load = () => {
+    return {
+        title: "About",
+    };
+};