Allow for Component Token Overrides.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/jobs-change-status/jobs-change-status.component.jsx

@@ -86,24 +86,27 @@ export function JobsChangeStatus({ job, bodyshop, jobRO, insertAuditTrail }) {
       onClick={(e) => {
         updateJobStatus(e.key);
       }}
-    >
-      {availableStatuses.map((item) => (
-        <Menu.Item key={item}>{item}</Menu.Item>
-      ))}
-      {job.converted && (
-        <>
-          <Menu.Divider />
-          {otherStages.map((item, idx) => (
-            <Menu.Item key={item}>{item}</Menu.Item>
-          ))}
-        </>
-      )}
-    </Menu>
+      items={[
+        ...availableStatuses.map((item) => ({
+          key: item,
+          label: item,
+        })),
+        ...(job.converted
+          ? [
+              { key: "divider", label: <hr />, disabled: true },
+              ...otherStages.map((item) => ({
+                key: item,
+                label: item,
+              })),
+            ]
+          : []),
+      ]}
+    />
   );
 
   return (
     <Dropdown
-      overlay={statusmenu}
+      menu={statusmenu}
       trigger={["click"]}
       key="changestatus"
       disabled={jobRO || !job.converted}