style: Update error page layout and styling for improved presentation

Author: wajeht

src/middleware.ts

@@ -15,6 +15,7 @@ export function errorMiddleware() {
 		next: NextFunction,
 	) => {
 		return res.status(error.statusCode).render('error.html', {
+			statusCode: error.statusCode,
 			message: error.message,
 		});
 	};

src/views/pages/error.html

@@ -1,5 +1,13 @@
-<div class="p-10">
-	<div class="mx-auto max-w-7xl w-full prose">
-    <p><%= message %></p>
+<div class="flex bg-base-200 flex-col justify-center items-center min-h-screen">
+
+  <div class="grid grid-cols-2 divide-x">
+
+    <h1 class="font-bold text-xl text-center p-5">
+      <%= statusCode %>
+    </h1>
+
+    <p class="text-center p-5">
+      <%= message %>
+    </p>
   </div>
 </div>