Removed whiteboard from front page. Added dates fields. Added rates fields. Started refactoring lines page.

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -7,7 +7,7 @@ import {
   FaRegStickyNote,
   FaShieldAlt
 } from "react-icons/fa";
-import JobsLines from '../../components/job-detail-lines/job-lines.component'
+import JobsLinesContainer from "../../components/job-detail-lines/job-lines.container";
 import JobsDetailClaims from "../../components/jobs-detail-claims/jobs-detail-claims.component";
 import JobsDetailFinancials from "../../components/jobs-detail-financial/jobs-detail-financial.component";
 import JobsDetailHeader from "../../components/jobs-detail-header/jobs-detail-header.component";
@@ -15,6 +15,7 @@ import JobsDetailInsurance from "../../components/jobs-detail-insurance/jobs-det
 import JobsDocumentsContainer from "../../components/jobs-documents/jobs-documents.container";
 import JobNotesContainer from "../../components/jobs-notes/jobs-notes.container";
 import JobDetailFormContext from "./jobs-detail.page.context";
+import JobsDetailDatesComponent from "../../components/jobs-detail-dates/jobs-detail-dates.component";
 
 export default function JobsDetailPage({
   job,
@@ -94,7 +95,7 @@ export default function JobsDetailPage({
           }
           key="repairdata"
         >
-          <JobsLines job={job} />
+          <JobsLinesContainer jobId={job.id} />
         </Tabs.TabPane>
 
         <Tabs.TabPane
@@ -142,7 +143,7 @@ export default function JobsDetailPage({
           }
           key="dates"
         >
-          Dates
+          <JobsDetailDatesComponent job={job} />}
         </Tabs.TabPane>
 
         <Tabs.TabPane
@@ -152,7 +153,7 @@ export default function JobsDetailPage({
               {t("jobs.labels.documents")}
             </span>
           }
-          key="#documents"
+          key="documents"
         >
           <JobsDocumentsContainer jobId={job.id} />
         </Tabs.TabPane>
@@ -163,7 +164,7 @@ export default function JobsDetailPage({
               {t("jobs.labels.notes")}
             </span>
           }
-          key="#notes"
+          key="notes"
         >
           <JobNotesContainer jobId={job.id} />
         </Tabs.TabPane>