IO-1898 Add vehicle notes.

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

@@ -216,6 +216,20 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
             <DataLabel label={t("jobs.labels.relatedros")}>
               <JobsRelatedRos jobid={job.id} job={job} />
             </DataLabel>
+            {job.vehicle.notes && (
+              <DataLabel label={t("vehicles.fields.notes")}>
+                <span style={{ whiteSpace: "pre" }}>{job.vehicle.notes}</span>
+              </DataLabel>
+            )}
+            {job.vehicle.v_paint_codes && (
+              <DataLabel label={t("vehicles.fields.v_paint_codes")}>
+                <span style={{ whiteSpace: "pre" }}>
+                  {Object.keys(job.vehicle.v_paint_codes).map((key, idx) => (
+                    <Tag key={idx}>{job.vehicle.v_paint_codes[key]}</Tag>
+                  ))}
+                </span>
+              </DataLabel>
+            )}
           </div>
         </Card>
       </Col>

client/src/components/vehicle-detail-form/vehicle-detail-form.component.jsx

@@ -139,6 +139,9 @@ export default function VehicleDetailFormComponent({ form, loading }) {
           <Input />
         </Form.Item>
       </LayoutFormRow>
+      <Form.Item label={t("vehicles.fields.notes")} name="notes">
+        <Input.TextArea rows={4} />
+      </Form.Item>
     </div>
   );
 }