feat: added error boundary

frontend/src/pages/_app.tsx

@@ -27,6 +27,7 @@ import {
   WorkspaceProvider
 } from "@app/context";
 import { AppLayout } from "@app/layouts";
+import ErrorBoundaryWrapper from "@app/layouts/AppLayout/ErrorBoundary";
 import { queryClient } from "@app/reactQuery";
 
 import "nprogress/nprogress.css";
@@ -85,6 +86,7 @@ const App = ({ Component, pageProps, ...appProps }: NextAppProp): JSX.Element =>
     !Component.requireAuth
   ) {
     return (
+      <ErrorBoundaryWrapper>
         <QueryClientProvider client={queryClient}>
           <NotificationContainer />
           <ServerConfigProvider>
@@ -95,12 +97,14 @@ const App = ({ Component, pageProps, ...appProps }: NextAppProp): JSX.Element =>
             </UserProvider>
           </ServerConfigProvider>
         </QueryClientProvider>
+      </ErrorBoundaryWrapper>
     );
   }
 
   const Layout = Component?.layout || AppLayout;
 
   return (
+    <ErrorBoundaryWrapper>
       <QueryClientProvider client={queryClient}>
         <TooltipProvider>
           <NotificationContainer />
@@ -125,6 +129,7 @@ const App = ({ Component, pageProps, ...appProps }: NextAppProp): JSX.Element =>
           </ServerConfigProvider>
         </TooltipProvider>
       </QueryClientProvider>
+    </ErrorBoundaryWrapper>
   );
 };