BOD-17 Added header blocks to contract detail.

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

@@ -2,14 +2,18 @@ import React from "react";
 import ContractFormComponent from "../../components/contract-form/contract-form.component";
 import { useTranslation } from "react-i18next";
 import { Button } from "antd";
-export default function ContractDetailPage() {
+import ContractJobBlock from "../../components/contract-job-block/contract-job-block.component";
+import ContractCourtesyCarBlock from "../../components/contract-courtesy-car-block/contract-courtesy-car-block.component";
+
+export default function ContractDetailPage({ job, courtesyCar }) {
   const { t } = useTranslation();
   return (
     <div>
       <Button type="primary" htmlType="submit">
         {t("general.actions.save")}
       </Button>
-      SOME SORT OF HEADER INFORMATION HERE.
+      <ContractJobBlock job={job} />
+      <ContractCourtesyCarBlock courtesyCar={courtesyCar} />
       <ContractFormComponent />
     </div>
   );

client/src/pages/contract-detail/contract-detail.page.container.jsx

@@ -78,7 +78,10 @@ export default function ContractDetailPageContainer() {
           : {}
       }
     >
-      <ContractDetailPageComponent />
+      <ContractDetailPageComponent
+        job={data ? data.cccontracts_by_pk.job : null}
+        courtesyCar={data ? data.cccontracts_by_pk.courtesycar : null}
+      />
     </Form>
   );
 }