Manage Profile Pages

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

@@ -11,6 +11,7 @@ import ErrorBoundary from "../../components/error-boundary/error-boundary.compon
 const WhiteBoardPage = lazy(() => import("../white-board/white-board.page"));
 const JobsPage = lazy(() => import("../jobs/jobs.page"));
 const JobsDetailPage = lazy(() => import("../jobs-detail/jobs-detail.page"));
+const ProfilePage = lazy(() => import("../profile/profile.container.page"));
 
 const { Header, Content, Footer } = Layout;
 //This page will handle all routing for the entire application.
@@ -19,7 +20,7 @@ export default function Manage({ match }) {
 
   useEffect(() => {
     document.title = t("titles.app");
-  }, []);
+  }, [t]);
 
   return (
     <Layout>
@@ -30,7 +31,8 @@ export default function Manage({ match }) {
       <Content>
         <ErrorBoundary>
           <Suspense
-            fallback={<div>TODO: Suspended Loading in Manage Page...</div>}>
+            fallback={<div>TODO: Suspended Loading in Manage Page...</div>}
+          >
             <Route exact path={`${match.path}`} component={WhiteBoardPage} />
 
             <Route exact path={`${match.path}/jobs`} component={JobsPage} />
@@ -38,6 +40,12 @@ export default function Manage({ match }) {
               path={`${match.path}/jobs/:jobId`}
               component={JobsDetailPage}
             />
+
+            <Route
+              exact
+              path={`${match.path}/profile`}
+              component={ProfilePage}
+            />
           </Suspense>
         </ErrorBoundary>
       </Content>