fix: improve error page ui

src/routes/+error.svelte

@@ -2,18 +2,19 @@
 	import Meta from '$lib/components/Meta.svelte';
 	import Navigation from '$layout/Navbar/NavButton.svelte';
 	import { page } from '$app/stores';
+	import Button from '$lib/components/Button.svelte';
 
 	$: status = $page.status;
 </script>
 
 <Meta title="404" />
 
-<section class="error">
+<section class="wrapper">
 	<h1>{status}</h1>
 	{#if status == 404}
 		<p>This page received a cease and desist letter from a multi-billion dollar tech company.</p>
 		<br />
-		<Navigation href="/">Home</Navigation>
+		<Button kind="primary">Return Home</Button>	
 	{:else}
 		<p>
 			{$page.error?.message}
@@ -22,25 +23,13 @@
 </section>
 
 <style>
-	.error {
-		padding-top: 5rem;
+	section {
 		text-align: center;
-		height: 100vh;
-		display: flex;
-		gap: 12px;
-		flex-direction: column;
-		justify-content: center;
+		margin-top: 10rem;
 	}
 
 	h1 {
-		font-size: 10rem;
 		color: var(--accent-color);
-		margin-bottom: 24px;
 	}
 
-	p {
-		font-size: 5ch;
-		color: var(--white);
-		line-height: 3rem;
-	}
 </style>

src/routes/patches/PackageMenu.svelte

@@ -1,5 +1,5 @@
 <div class="menu">
-	<h6>PACKAGES</h6>
+	<h6>Packages</h6>
 	<hr/>
 	<div class="slot">
 		<slot />