Add error page

Author: GrantGryczan

frontend/error.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { NuxtError } from "#app";
+
+defineProps<{
+  /** The error passed into the page by Nuxt. */
+  error: NuxtError;
+}>();
+</script>
+
+<template>
+  <SmallPanelLayout>
+    <h1>Error {{ error.statusCode }}</h1>
+
+    <p>{{ error.message }}</p>
+
+    <template #bottom-text>
+      <p>
+        <A href="/">Go Home</A>
+      </p>
+    </template>
+  </SmallPanelLayout>
+</template>
+
+<style scoped lang="scss">
+:deep(main) {
+  text-align: center;
+}
+</style>