Module Update

src/app/(dashboard)/error.tsx

@@ -0,0 +1,35 @@
+"use client"
+
+import { useEffect } from "react"
+import { AlertCircle } from "lucide-react"
+
+import { Button } from "@/shared/components/ui/button"
+import { EmptyState } from "@/shared/components/ui/empty-state"
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  useEffect(() => {
+    // Log the error to an error reporting service
+    console.error(error)
+  }, [error])
+
+  return (
+    <div className="flex h-full flex-col items-center justify-center space-y-4">
+      <EmptyState
+        icon={AlertCircle}
+        title="Something went wrong!"
+        description="We apologize for the inconvenience. An unexpected error occurred."
+        action={{
+          label: "Try Again",
+          onClick: () => reset()
+        }}
+        className="border-none shadow-none h-auto"
+      />
+    </div>
+  )
+}