feat: re-added page error boundaries

src/apps/MainApp.js

@@ -1,4 +1,6 @@
 import { Routes, Route } from 'react-router-dom';
+import FilesListPageErrorBoundary from 'pages/ErrorBoundaries/FilesListPageErrorBoundary';
+import PicturesListPageErrorBoundary from 'pages/ErrorBoundaries/PicturesListPageErrorBoundary';
 import FilesListPage from 'pages/FilesListPage/index';
 import FilesPage from 'pages/FilesPage/index';
 import LandingPage from 'pages/LandingPage';
@@ -15,11 +17,27 @@ export default function MainApp() {
       <Route path="/login" element={<LoginPage />} />
       <Route path="files" element={<AppShell />}>
         <Route index element={<FilesPage />} />
-        <Route index path=":id" element={<FilesListPage />} />
+        <Route
+          index
+          path=":id"
+          element={
+            <FilesListPageErrorBoundary>
+              <FilesListPage />
+            </FilesListPageErrorBoundary>
+          }
+        />
       </Route>
       <Route path="pictures" element={<AppShell />}>
         <Route index element={<PicturesPage />} />
-        <Route index path=":id" element={<PicturesListPage />} />
+        <Route
+          index
+          path=":id"
+          element={
+            <PicturesListPageErrorBoundary>
+              <PicturesListPage />
+            </PicturesListPageErrorBoundary>
+          }
+        />
       </Route>
       <Route path="/logout" element={<LogoutPage />} />
     </Routes>