use new api format

src/app/components/error-card.tsx

@@ -0,0 +1,16 @@
+import { Card } from "./card";
+
+type ErrorProps = {
+  message: string;
+};
+
+export function ErrorCard({ message }: ErrorProps): JSX.Element {
+  return (
+    <Card>
+      <div className="flex flex-col justify-center text-center">
+        <h1 className="text-xl text-red-400">Error</h1>
+        <p>{message}</p>
+      </div>
+    </Card>
+  );
+}