Refactor jobs detail page to use container. Refresh detail cards on note add.

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

@@ -8,14 +8,18 @@ import HeaderContainer from "../../components/header/header.container";
 import FooterComponent from "../../components/footer/footer.component";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 
+import './manage.page.styles.scss'
+
 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 JobsDetailPage = lazy(() => import("../jobs-detail/jobs-detail.page.container"));
 const ProfilePage = lazy(() => import("../profile/profile.container.page"));
 const JobsDocumentsPage = lazy(() =>
   import("../../components/jobs-documents/jobs-documents.container")
 );
 
+
+
 const { Header, Content, Footer } = Layout;
 //This page will handle all routing for the entire application.
 export default function Manage({ match }) {
@@ -31,7 +35,7 @@ export default function Manage({ match }) {
         <HeaderContainer />
       </Header>
 
-      <Content>
+      <Content className="content-container">
         <ErrorBoundary>
           <Suspense
             fallback={<div>TODO: Suspended Loading in Manage Page...</div>}>

client/src/pages/manage/manage.page.styles.scss

@@ -0,0 +1 @@
+.content-container { overflow-y : scroll; }