Removed unneccessary imports. Added production note to kanban and job detail. IO-459

client/src/components/jobs-detail-header/jobs-detail-header.component.jsx

@@ -1,5 +1,5 @@
 import { PrinterFilled } from "@ant-design/icons";
-import { Button, PageHeader, Tag } from "antd";
+import { Button, Divider, PageHeader, Tag } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -12,6 +12,7 @@ import JobsChangeStatus from "../jobs-change-status/jobs-change-status.component
 import JobsConvertButton from "../jobs-convert-button/jobs-convert-button.component";
 import JobsDetailHeaderActions from "../jobs-detail-header-actions/jobs-detail-header-actions.component";
 import OwnerTagPopoverComponent from "../owner-tag-popover/owner-tag-popover.component";
+import ProductionListColumnProductionNote from "../production-list-columns/production-list-columns.productionnote.component";
 import VehicleTagPopoverComponent from "../vehicle-tag-popover/vehicle-tag-popover.component";
 import "./jobs-detail-header.styles.scss";
 
@@ -95,6 +96,18 @@ export function JobsDetailHeader({
       extra={menuExtra}
     >
       <div style={{ display: "flex", justifyContent: "flex-end" }}>
+        {job.inproduction && (
+          <>
+            <div style={{ display: "flex", flex: 1 }}>
+              <div style={{ width: "20%" }}>
+                {t("jobs.fields.production_vars.note")}
+              </div>
+              <ProductionListColumnProductionNote record={job} />
+            </div>
+            <Divider type="vertical" />
+          </>
+        )}
+
         <JobEmployeeAssignments job={job} />
       </div>
     </PageHeader>