build: format the code with prettier

src/components/ErrorCatcher.tsx

@@ -1,27 +1,25 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 
 type FallbackProps = {
-    error: Error,
-    resetErrorBoundary: (...args: Array<unknown>) => void
-}
+  error: Error;
+  resetErrorBoundary: (...args: Array<unknown>) => void;
+};
 function ErrorFallback({ error, resetErrorBoundary }: FallbackProps) {
-    return (
-        <div role="alert" className='text-lg text-red-600'>
-            <p>Something went wrong:</p>
-            <pre>{error.message}</pre>
-            <button onClick={resetErrorBoundary}>Try again</button>
-        </div>
-    );
+  return (
+    <div role="alert" className="text-lg text-red-600">
+      <p>Something went wrong:</p>
+      <pre>{error.message}</pre>
+      <button onClick={resetErrorBoundary}>Try again</button>
+    </div>
+  );
 }
 type Props = {
-    children: ReactNode
-}
-
-const ErrorCatcher = ({ children }: Props) => {
-    return (
-        <ErrorBoundary FallbackComponent={ErrorFallback}>{children}</ErrorBoundary>
-    );
+  children: ReactNode;
 };
 
-export default ErrorCatcher;
+const ErrorCatcher = ({ children }: Props) => {
+  return <ErrorBoundary FallbackComponent={ErrorFallback}>{children}</ErrorBoundary>;
+};
+
+export default ErrorCatcher;