404 page init

src/routes/+error.svelte

@@ -1,23 +1,20 @@
 <script>
-  import AppBar from "$lib/ui/appbar/AppBar.svelte" 
-  import Button from "$lib/ui/Button.svelte"
+  import AppBar from "$lib/ui/appbar/AppBar.svelte";
+  import Button from "$lib/ui/Button.svelte";
   import { getI18n } from "$lib/i18n";
+  import { goto } from '$app/navigation';
 
   const t = getI18n().errorPage;
 </script>
 
-<svelte:head>
-  <title>404 — Page Not Found</title>
-</svelte:head>
-
 <main> 
-  
-<AppBar title={t.title} >
-</AppBar>
+  <AppBar title={t.title} />
   <div class="p-content error-page__content">
     <p class="error-page__text" >{@html t.message}</p>
     <div class="error-page__button-container">
-      <Button class="error-page__button">{t.return}</Button>
+      <a href="/">
+        <Button class="error-page__button">{t.return}</Button>
+      </a>
     </div>
   </div>
 </main>

src/style/app.sass

@@ -59,5 +59,4 @@ body
 .error-page__button-container
     position: absolute;
     bottom: 16px;
-    width: calc(100% - 32px)
-    max-width: 450px;
+    width: calc(100% - 32px)