Jobs list page updates & note adding modal.

client/src/components/job-detail-cards/job-detail-cards.dates.component.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import CardTemplate from "./job-detail-cards.template.component";
 import Moment from "react-moment";
+import { Timeline } from "antd";
 
 export default function JobDetailCardsDatesComponent({ loading, data }) {
   const { t } = useTranslation();
@@ -9,11 +10,15 @@ export default function JobDetailCardsDatesComponent({ loading, data }) {
   return (
     <CardTemplate loading={loading} title={t("jobs.labels.cards.dates")}>
       {data ? (
-        <span>
-          Actual In <Moment format="MM/DD/YYYY">{data?.actual_in}</Moment>
-          Scheduled Completion
-          <Moment format="MM/DD/YYYY">{data?.scheduled_completion}</Moment>
-        </span>
+        <Timeline>
+          <Timeline.Item>
+            Actual In <Moment format='MM/DD/YYYY'>{data?.actual_in}</Moment>
+          </Timeline.Item>
+          <Timeline.Item>
+            Scheduled Completion
+            <Moment format='MM/DD/YYYY'>{data?.scheduled_completion}</Moment>
+          </Timeline.Item>
+        </Timeline>
       ) : null}
     </CardTemplate>
   );