Reformat error page

GET EM OUTTA HERE!

format

messages/en.json

@@ -20,5 +20,6 @@
 	"sms_prompt": "Send a Message",
 	"sms_label_phone": "Phone Number",
 	"sms_label_message": "Message",
-	"sms_button_submit": "Send Message"
+	"sms_button_submit": "Send Message",
+	"error_page_go_home": "Go Home"
 }

src/routes/+error.svelte

@@ -1,23 +1,20 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
+	import { messages } from '$lib/i18n';
 </script>
 
-<main class="flex h-screen w-full flex-col items-center justify-center bg-[#1d222a]">
-	<h1 class="text-9xl font-extrabold tracking-widest text-white">
+<main class="flex h-full w-full flex-col items-center justify-center gap-8">
+	<div class="flex items-center gap-2">
+		<h1 class="text-5xl font-bold tracking-widest text-white">
 			{page.status}
 		</h1>
-	<h1 class="rounded bg-[#FF6A3D] px-2 text-2xl font-bold text-black">
+		<div class="divider divider-horizontal"></div>
+		<h1 class="text-2xl font-bold">
 			{page.error?.message}
 		</h1>
-
-	<button class="mt-5">
-		<a
-			class="group relative inline-block text-sm font-medium text-[#FF6A3D] focus:outline-none focus:ring active:text-orange-500"
-			href="/"
+	</div>
+	<button onclick={() => goto('/')} class="btn btn-outline btn-neutral btn-wide"
+		>{messages.error_page_go_home()}</button
 	>
-			<span class="relative block border border-current bg-[#1d222a] px-8 py-3">
-				Go Home
-			</span>
-		</a>
-	</button>
 </main>