✨ Added new range-answer type

frontend/src/routes/view/[quiz_id].svelte

@@ -7,7 +7,7 @@
 	export async function load({ params, fetch, session }) {
 		const { quiz_id } = params;
 		const res = await fetch(`/api/v1/quiz/get/public/${quiz_id}`);
-		if (res.status === 404) {
+		if (res.status === 404 || res.status === 400) {
 			return {
 				status: 404
 			};

frontend/src/routes/view/__error.svelte

@@ -0,0 +1,46 @@
+<!--
+  - This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
+  -->
+<script context="module">
+	/** @type {import('@sveltejs/kit').Load} */ export function load({ error, status }) {
+		return {
+			props: {
+				status,
+				message: error.message
+			}
+		};
+	}
+</script>
+
+<script lang="ts">
+	import { navbarVisible } from '$lib/stores';
+	navbarVisible.set(true);
+	export let status: number;
+	export let message: string;
+</script>
+
+<svelte:head>
+	<title>Error - {status}</title>
+</svelte:head>
+<h1 class="text-6xl text-center">{status}</h1>
+
+{#if status === 404}
+	<p class="text-center">
+		The quiz you were looking for is gone or never even existed. Who knows?
+	</p>
+{:else}
+	<p>
+		That shouldn't happen. It's probably my fault, not yours, but maybe you have a magical power
+		to break stuff...
+	</p>
+{/if}
+
+<div class="flex justify-center mt-8">
+	<img
+		class="rounded-lg"
+		src="https://http.cat/{status}"
+		alt="Cat representing the {status}-http error code"
+	/>
+</div>