Fix title not correct on navigate

When navigating to another route, the title was not updated.

src/routes/+layout.svelte

@@ -32,14 +32,6 @@
     };
 </script>
 
-<svelte:head>
-    {#if typeof $page.data.title === 'string'}
-        <title>{$page.data.title + ' | IcarusPedia'}</title>
-    {:else}
-        <title>IcarusPedia</title>
-    {/if}
-</svelte:head>
-
 <div class="body">
     <div class="root-content" bind:this={rootContent}>
         <slot></slot>

src/routes/+page.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">
     import Logo from '$lib/Logo.svelte';
 </script>
+<svelte:head>
+    <title>IcarusPedia</title>
+</svelte:head>
 
 <div class="home-content">
     <div class="logo">

src/routes/Crafters/+page.server.ts

@@ -8,6 +8,5 @@ export const load = async () => {
             .sort(([, a], [, b]) => {
                 return a.displayName.localeCompare(b.displayName);
             }),
-        title: 'Crafters',
     };
 };

src/routes/Crafters/+page.svelte

@@ -3,6 +3,9 @@
 
     export let data;
 </script>
+<svelte:head>
+    <title>Crafters | IcarusPedia</title>
+</svelte:head>
 
 <h1>Crafters</h1>
 

src/routes/Crafters/[crafter]/+page.server.ts

@@ -12,6 +12,5 @@ export const load = async ({params}) => {
     return {
         crafter: crafter,
         recipes: crafter.recipes.map(r => getRecipe(r, data)),
-        title: crafter.displayName,
     };
 };

src/routes/Crafters/[crafter]/+page.svelte

@@ -4,6 +4,9 @@
 
     export let data;
 </script>
+<svelte:head>
+    <title>Crafter {data.crafter.displayName} | IcarusPedia</title>
+</svelte:head>
 
 <a href="/Crafters">&lt; See all crafters</a>
 <h1>{data.crafter.displayName}</h1>

src/routes/Items/+page.server.ts

@@ -9,6 +9,5 @@ export const load = async () => {
             .sort(([, a], [, b]) => {
                 return a.displayName.localeCompare(b.displayName);
             }),
-        title: 'Items',
     };
 };

src/routes/Items/+page.svelte

@@ -4,6 +4,9 @@
     export let data;
 
 </script>
+<svelte:head>
+    <title>Craftable Items | IcarusPedia</title>
+</svelte:head>
 
 <h1>All Craftable Icarus Items</h1>
 <p>Other lists of Icarus items:</p>

src/routes/Items/All/+page.server.ts

@@ -8,6 +8,5 @@ export const load = async () => {
             .sort(([, a], [, b]) => {
                 return a.displayName.localeCompare(b.displayName);
             }),
-        title: 'Items',
     };
 };

src/routes/Items/All/+page.svelte

@@ -5,6 +5,10 @@
 
 </script>
 
+<svelte:head>
+    <title>All Items | IcarusPedia</title>
+</svelte:head>
+
 <h1>All Icarus Items</h1>
 <p>
     This includes items that are experimental and not craftable. For a list of craftable items, go

src/routes/Items/Item/[item]/+page.server.ts

@@ -29,7 +29,6 @@ export const load = async ({params}) => {
         modifier: itemModifier,
         recipes: item.recipes.map(r => getRecipe(r, data)),
         stats: itemStats,
-        title: item.displayName,
     };
 };
 

src/routes/Items/Item/[item]/+page.svelte

@@ -6,6 +6,10 @@
     export let data;
 </script>
 
+<svelte:head>
+    <title>{data.item.displayName} | IcarusPedia</title>
+</svelte:head>
+
 <a href="/Items">&lt; See all items</a>
 <h1>{data.item.displayName}</h1>
 <div class="icon">