first commit

ui/app/__error.tsx

@@ -0,0 +1,18 @@
+import { Button } from "@/components/ui/button";
+
+export function ErrorComponent() {
+	return (
+		<main className="h-base flex items-center justify-center p-6">
+			<div className="mx-auto w-full max-w-md text-center">
+				<p className="text-foreground text-7xl font-bold tracking-tight">500</p>
+				<h1 className="text-foreground mt-4 text-2xl font-semibold">Something went wrong</h1>
+				<p className="text-muted-foreground mt-2 text-sm">Something went wrong. Please refresh the page.</p>
+				<div className="mt-6 flex items-center justify-center gap-3">
+					<Button size={"sm"} data-testid="error-reload-btn" onClick={() => window.location.reload()}>
+						Reload
+					</Button>
+				</div>
+			</div>
+		</main>
+	);
+}