refactor: add root error boundary

src/app/error.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import { ErrorBoundaryProps } from '@/shared/core/types';
+import { InternalErrorResult } from '@/shared/components/internal-error-result';
+
+const Error = (props: ErrorBoundaryProps) => {
+  return (
+    <div className="flex min-h-screen items-center justify-center">
+      <div className="w-full max-w-2xl">
+        <InternalErrorResult showReset={false} {...props} />
+      </div>
+    </div>
+  );
+};
+
+export default Error;

src/shared/components/internal-error-result.tsx

@@ -10,10 +10,15 @@ const MESSAGE_TEXT =
   'All shortcuts have disappeared. Screen. Mind. Both are blank';
 
 interface Props extends Partial<ErrorBoundaryProps> {
+  showReset?: boolean;
   onReset?: () => void;
 }
 
-export const InternalErrorResult = ({ onReset, reset }: Props) => {
+export const InternalErrorResult = ({
+  showReset = true,
+  onReset,
+  reset,
+}: Props) => {
   const text = {
     heading: HEADING_TEXT,
     message: MESSAGE_TEXT,
@@ -32,12 +37,14 @@ export const InternalErrorResult = ({ onReset, reset }: Props) => {
     if (onReset) onReset();
   };
 
+  const action = showReset ? <ErrorActionButton onClick={onClick} /> : null;
+
   return (
     <ErrorAction
       textContent={text}
       imageProps={img}
       classNames={classNames}
-      action={<ErrorActionButton onClick={onClick} />}
+      action={action}
     />
   );
 };