feat: add error view

src/app/error.tsx

@@ -0,0 +1,38 @@
+'use client'; // Error components must be Client Components
+
+import * as React from 'react';
+import { RiAlarmWarningFill } from 'react-icons/ri';
+
+import TextButton from '@/components/buttons/TextButton';
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  React.useEffect(() => {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  }, [error]);
+
+  return (
+    <main>
+      <section className='bg-white'>
+        <div className='layout flex min-h-screen flex-col items-center justify-center text-center text-black'>
+          <RiAlarmWarningFill
+            size={60}
+            className='drop-shadow-glow animate-flicker text-red-500'
+          />
+          <h1 className='mt-8 text-4xl md:text-6xl'>
+            Oops, something went wrong!
+          </h1>
+          <TextButton variant='basic' onClick={reset} className='mt-4'>
+            Try again
+          </TextButton>
+        </div>
+      </section>
+    </main>
+  );
+}