Adjusting error page

src/routes/+error.svelte

@@ -0,0 +1,24 @@
+<script>
+    import { page } from '$app/stores';
+	import Header from '$lib/navigation/header.svelte';
+    import Nav from '$lib/navigation/nav.svelte';
+    const title = "OwlBoard - Error"
+</script>
+
+<Header {title} />
+
+<h1>{$page.status}: {$page?.error?.message}</h1>
+
+{#if $page.status === 404}
+<p>This is not the page you're looking for.</p>
+<p>The page you are looking for doesn't exist, use the tabs below to find another page.</p>
+{:else if $page.status === 500}
+<p>Something went wrong loading the app.<br>
+    Try going <a href="/">home</a> and try again.</p>
+<p>If the problem persists, you can report an issue from the 'More' menu.</p>
+{:else}
+<p>Not sure what went wrong, please try again later or report an issue from
+    the 'More' menu.</p>
+{/if}
+
+<Nav />