Added error general error boundary page.

client/src/pages/manage/manage.page.jsx

@@ -3,12 +3,9 @@ import { Route } from "react-router";
 import { Layout, BackTop } from "antd";
 
 //Component Imports
-// import WhiteBoardPage from "../white-board/white-board.page";
-// import JobsPage from "../jobs/jobs.page";
-// import JobsDetailPage from "../jobs-detail/jobs-detail.page";
-
 import HeaderContainer from "../../components/header/header.container";
 import FooterComponent from "../../components/footer/footer.component";
+import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 
 const WhiteBoardPage = lazy(() => import("../white-board/white-board.page"));
 const JobsPage = lazy(() => import("../jobs/jobs.page"));
@@ -24,17 +21,19 @@ export default function Manage({ match }) {
       </Header>
 
       <Content>
-        <Suspense
-          fallback={<div>TODO: Suspended Loading in Manage Page...</div>}
-        >
-          <Route exact path={`${match.path}`} component={WhiteBoardPage} />
+        <ErrorBoundary>
+          <Suspense
+            fallback={<div>TODO: Suspended Loading in Manage Page...</div>}
+          >
+            <Route exact path={`${match.path}`} component={WhiteBoardPage} />
 
-          <Route exact path={`${match.path}/jobs`} component={JobsPage} />
-          <Route
-            path={`${match.path}/jobs/:jobId`}
-            component={JobsDetailPage}
-          />
-        </Suspense>
+            <Route exact path={`${match.path}/jobs`} component={JobsPage} />
+            <Route
+              path={`${match.path}/jobs/:jobId`}
+              component={JobsDetailPage}
+            />
+          </Suspense>
+        </ErrorBoundary>
       </Content>
 
       <Footer>