Tech Console improvements.

client/src/components/tech-lookup-jobs-drawer/tech-lookup-jobs-drawer.component.jsx

@@ -1,6 +1,6 @@
 import { PrinterFilled } from "@ant-design/icons";
 import { useQuery } from "@apollo/client";
-import { Button, Drawer, Grid, PageHeader, Tabs, Tag } from "antd";
+import { Button, Divider, Drawer, Grid, PageHeader, Tabs, Tag } from "antd";
 import queryString from "query-string";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -10,6 +10,7 @@ import { GET_JOB_BY_PK } from "../../graphql/jobs.queries";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import AlertComponent from "../alert/alert.component";
 import JobLinesContainer from "../job-detail-lines/job-lines.container";
+import JobsDetailHeader from "../jobs-detail-header/jobs-detail-header.component";
 import JobsDocumentsGalleryContainer from "../jobs-documents-gallery/jobs-documents-gallery.container";
 import JobNotesContainer from "../jobs-notes/jobs-notes.container";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
@@ -78,20 +79,8 @@ export function JobDetailCards({ setPrintCenterContext }) {
       {error ? <AlertComponent message={error.message} type="error" /> : null}
       {data ? (
         <PageHeader
-          ghost={true}
-          tags={[
-            <OwnerTagPopoverComponent key="owner" job={data.jobs_by_pk} />,
-            <VehicleTagPopoverComponent key="vehicle" job={data.jobs_by_pk} />,
-            <Tag
-              color="#f50"
-              key="production"
-              style={{ display: data.jobs_by_pk.inproduction ? "" : "none" }}
-            >
-              {t("jobs.labels.inproduction")}
-            </Tag>,
-          ]}
-          title={t("jobs.fields.ro_number") || t("general.labels.na")}
-          subTitle={data.jobs_by_pk.status}
+          onBack={() => window.history.back()}
+          title={data.jobs_by_pk.ro_number || t("general.labels.na")}
           extra={
             <Button
               onClick={() => {
@@ -110,6 +99,8 @@ export function JobDetailCards({ setPrintCenterContext }) {
             </Button>
           }
         >
+          <JobsDetailHeader job={data.jobs_by_pk} disabled />
+          <Divider type="horizontal" />
           <Tabs size="large">
             <Tabs.TabPane key="lines" tab={t("jobs.labels.lines")}>
               <JobLinesContainer