shivam + claude changes

app/error.tsx

@@ -0,0 +1,25 @@
+'use client';
+
+export default function Error({
+    reset,
+}: {
+    error: Error & { digest?: string };
+    reset: () => void;
+}) {
+    return (
+        <div className="min-h-[60vh] flex flex-col items-center justify-center px-6 text-center animate-fade-in">
+            <h1 className="text-4xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 mb-4">
+                Something went wrong
+            </h1>
+            <p className="text-lg text-zinc-500 dark:text-zinc-400 mb-8">
+                An unexpected error occurred.
+            </p>
+            <button
+                onClick={reset}
+                className="text-sm font-medium px-4 py-2 rounded bg-zinc-900 dark:bg-zinc-100 text-zinc-50 dark:text-zinc-900 hover:opacity-80 transition-opacity"
+            >
+                Try again
+            </button>
+        </div>
+    );
+}