General formatting for messaging + reshaping of messaging components and their structure.

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

@@ -25,7 +25,7 @@ const JobsAvailablePage = lazy(() =>
   import("../jobs-available/jobs-available.page.container")
 );
 const ChatWindowContainer = lazy(() =>
-  import("../../components/chat-window/chat-window.container")
+  import("../../components/chat-overlay/chat-overlay.container")
 );
 const ScheduleContainer = lazy(() =>
   import("../schedule/schedule.page.container")
@@ -65,13 +65,15 @@ export default function Manage({ match }) {
       </Header>
       <Layout>
         <Content
-          className='content-container'
-          style={{ padding: "0em 4em 4em" }}>
+          className="content-container"
+          style={{ padding: "0em 4em 4em" }}
+        >
           <ErrorBoundary>
             <Suspense
               fallback={
                 <LoadingSpinner message={t("general.labels.loadingapp")} />
-              }>
+              }
+            >
               DELETE THIS
               <Test />
               <EmailOverlayContainer />
@@ -133,14 +135,9 @@ export default function Manage({ match }) {
         </Content>
       </Layout>
       <Footer>
-        <FooterComponent />
-        {
-          //  <Affix offsetBottom={20}>
-          //   <ChatWindowContainer />
-          // </Affix>
-        }
-        <ChatWindowContainer />
+        <FooterComponent /> <ChatWindowContainer />
       </Footer>
+
       <BackTop />
     </Layout>
   );