fix: 머지용 에러바운더리 제거

src/pages/_app.tsx

@@ -3,15 +3,9 @@ import Layout from '@/components/templates/Layout';
 import '@/styles/globals.css';
 import type { AppProps } from 'next/app';
 import { RecoilRoot } from 'recoil';
-import {
-  QueryClient,
-  QueryClientProvider,
-  QueryErrorResetBoundary,
-} from '@tanstack/react-query';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import 'dayjs/locale/ko';
 import dayjs from 'dayjs';
-import { Suspense } from 'react';
-import { ErrorBoundary } from 'next/dist/client/components/error-boundary';
 dayjs.locale('ko');
 
 const theme = extendTheme({
@@ -29,43 +23,17 @@ const queryClient = new QueryClient({
   },
 });
 
-interface ErrorFallbackProps {
-  error: Error;
-  resetErrorBoundary: () => void;
-}
-
-function ErrorFallback({ error, resetErrorBoundary }: ErrorFallbackProps) {
-  return (
-    <div>
-      Error: {error.message}
-      <button onClick={resetErrorBoundary}>Retry</button>
-    </div>
-  );
-}
-
-function LoadingFallback() {
-  return <div>Loading...</div>;
-}
-
 export default function App({ Component, pageProps }: AppProps): JSX.Element {
   return (
     <QueryClientProvider client={queryClient}>
-      <QueryErrorResetBoundary>
-        {({ reset }) => (
-          <ErrorBoundary onReset={reset} FallbackComponent={ErrorFallback}>
-            <Suspense fallback={<LoadingFallback />}>
-              <RecoilRoot>
-                <ThemeProvider theme={theme}>
-                  <CSSReset />
-                  <Layout>
-                    <Component {...pageProps} />
-                  </Layout>
-                </ThemeProvider>
-              </RecoilRoot>
-            </Suspense>
-          </ErrorBoundary>
-        )}
-      </QueryErrorResetBoundary>
+      <RecoilRoot>
+        <ThemeProvider theme={theme}>
+          <CSSReset />
+          <Layout>
+            <Component {...pageProps} />
+          </Layout>
+        </ThemeProvider>
+      </RecoilRoot>
     </QueryClientProvider>
   );
 }