Added shift clock framework + login on tech console BOD-97 BOD-188

client/src/pages/tech/tech.page.component.jsx

@@ -27,9 +27,12 @@ const ProductionListPage = lazy(() =>
 const ProductionBoardPage = lazy(() =>
   import("../production-board/production-board.container")
 );
-const TechJobClockIn = lazy(() =>
+const TechJobClock = lazy(() =>
   import("../tech-job-clock/tech-job-clock.component")
 );
+const TechShiftClock = lazy(() =>
+  import("../tech-shift-clock/tech-shift-clock.component")
+);
 
 const { Content } = Layout;
 
@@ -48,19 +51,18 @@ export function TechPage({ technician, match }) {
   }, [t]);
 
   return (
-    <Layout className="tech-layout-container">
+    <Layout className='tech-layout-container'>
       <TechSider />
       <Layout>
         {technician ? null : <Redirect to={`${match.path}/login`} />}
         <TechHeader />
-        <Content className="tech-content-container">
+        <Content className='tech-content-container'>
           <FcmNotification />
           <ErrorBoundary>
             <Suspense
               fallback={
                 <LoadingSpinner message={t("general.labels.loadingapp")} />
-              }
-            >
+              }>
               <TimeTicketModalContainer />
               <PrintCenterModalContainer />
               <Switch>
@@ -78,11 +80,16 @@ export function TechPage({ technician, match }) {
                   exact
                   path={`${match.path}/list`}
                   component={ProductionListPage}
-                />{" "}
+                />
                 <Route
                   exact
-                  path={`${match.path}/jobclockin`}
-                  component={TechJobClockIn}
+                  path={`${match.path}/jobclock`}
+                  component={TechJobClock}
+                />
+                <Route
+                  exact
+                  path={`${match.path}/shiftclock`}
+                  component={TechShiftClock}
                 />
                 <Route
                   exact