Adding chat window.

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

@@ -8,18 +8,19 @@ 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'
+import "./manage.page.styles.scss";
+import ChatWindowContainer from "../../components/chat-window/chat-window.container";
 
 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.container"));
+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 }) {
@@ -35,7 +36,7 @@ export default function Manage({ match }) {
         <HeaderContainer />
       </Header>
 
-      <Content className="content-container">
+      <Content className='content-container'>
         <ErrorBoundary>
           <Suspense
             fallback={<div>TODO: Suspended Loading in Manage Page...</div>}>
@@ -62,6 +63,7 @@ export default function Manage({ match }) {
       </Content>
 
       <Footer>
+        <ChatWindowContainer />
         <FooterComponent />
       </Footer>
       <BackTop />