wire up pages

frontend/src/app/error.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+export default function Error({
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  return (
+    <div className="text-center py-12">
+      <h1 className="text-4xl font-bold mb-4">Something went wrong</h1>
+      <p className="text-[var(--muted-foreground)] mb-6">
+        An error occurred while loading this page.
+      </p>
+      <button
+        onClick={() => reset()}
+        className="inline-block px-6 py-3 bg-[var(--primary)] text-[var(--primary-foreground)] rounded-lg font-medium hover:opacity-90 transition-opacity"
+      >
+        Try Again
+      </button>
+    </div>
+  );
+}