Fix not found and loading error screens

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>

src/components/LoadError.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
   import { twemoji } from "@app/lib/utils";
 
-  import Button from "@app/components/Button.svelte";
   import ErrorMessage from "@app/components/ErrorMessage.svelte";
 
-  export let title: string | undefined = undefined;
+  export let title: string;
   export let errorMessage: string;
   export let stackTrace: string;
 </script>
@@ -22,15 +21,9 @@
 
 <div class="wrapper layout-centered">
   <div class="emoji" use:twemoji>🏜️</div>
-  {#if title}
-    <div class="title txt-medium txt-bold txt-highlight">
-      {title}
-    </div>
-  {/if}
-  <ErrorMessage message={errorMessage} {stackTrace} />
-  <div style:margin-top="1rem">
-    <Button variant="foreground" on:click={() => window.history.back()}>
-      Back
-    </Button>
+  <div class="title txt-medium txt-bold txt-highlight">
+    {title}
   </div>
+
+  <ErrorMessage message={errorMessage} {stackTrace} />
 </div>

src/components/NotFound.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-  import { twemoji } from "@app/lib/utils";
-
-  import Button from "@app/components/Button.svelte";
-
-  export let title: string;
-  export let subtitle: string;
-</script>
-
-<style>
-  .container {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    gap: 1rem;
-  }
-
-  .emoji {
-    display: flex;
-    font-size: var(--font-size-xx-large);
-  }
-
-  .title {
-    color: var(--color-secondary);
-  }
-
-  .actions {
-    margin-top: 1rem;
-  }
-</style>
-
-<div class="container">
-  <div class="emoji" use:twemoji>🏜️</div>
-  <div class="title txt-medium txt-bold">{title}</div>
-  <div>{subtitle}</div>
-
-  <div class="actions">
-    <Button variant="foreground" on:click={() => window.history.back()}>
-      Back
-    </Button>
-  </div>
-</div>