Add error boundary

src/renderer/index.tsx

@@ -1,7 +1,9 @@
 import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { createRoot } from 'react-dom/client';
+import { ErrorBoundary } from 'react-error-boundary';
 import { I18nextProvider } from 'react-i18next';
+import { ErrorFallback } from '@/renderer/features/action-required';
 import { queryClient } from '@/renderer/lib/react-query';
 import i18n from '../i18n/i18n';
 import { App } from './app';
@@ -12,7 +14,9 @@ const root = createRoot(container);
 root.render(
   <I18nextProvider i18n={i18n}>
     <QueryClientProvider client={queryClient}>
-      <App />
+      <ErrorBoundary FallbackComponent={ErrorFallback}>
+        <App />
+      </ErrorBoundary>
       <ReactQueryDevtools position="bottom-left" />
     </QueryClientProvider>
   </I18nextProvider>