web: add a 404 page & generic 404 error redirector

Author: wukko

web/src/components/misc/ErrorRedirector.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+    import { page } from "$app/state";
+    import { goto } from "$app/navigation";
+    import { defaultNavPage } from "$lib/subnav";
+
+    onMount(() => {
+        if (page.error?.message === "Not Found") {
+            if (page.url.pathname.startsWith("/settings")) {
+                goto(defaultNavPage("settings"), { replaceState: true });
+            } else if (page.url.pathname.startsWith("/about")) {
+                goto(defaultNavPage("about"), { replaceState: true });
+            } else {
+                goto("/", { replaceState: true });
+            }
+        }
+    });
+</script>

web/src/routes/+error.svelte

@@ -1,18 +1,5 @@
-<script lang="ts">
-    import { onMount } from "svelte";
-    import { page } from "$app/stores";
-    import { goto } from "$app/navigation";
-    import { defaultNavPage } from "$lib/subnav";
-
-    onMount(() => {
-        if ($page.error?.message === "Not Found") {
-            if ($page.url.pathname.startsWith("/settings")) {
-                goto(defaultNavPage("settings"), { replaceState: true });
-            } else if ($page.url.pathname.startsWith("/about")) {
-                goto(defaultNavPage("about"), { replaceState: true });
-            } else {
-                goto("/", { replaceState: true });
-            }
-        }
-    });
+<script>
+    import ErrorRedirector from "$components/misc/ErrorRedirector.svelte";
 </script>
+
+<ErrorRedirector />

web/src/routes/404/+page.svelte

@@ -0,0 +1,5 @@
+<script>
+    import ErrorRedirector from "$components/misc/ErrorRedirector.svelte";
+</script>
+
+<ErrorRedirector />