Majority of Dropdown Overlay Menu refactors.

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

client/src/components/jobs-close-auto-allocate/jobs-close-auto-allocate.component.jsx

@@ -1,4 +1,4 @@
-import { Button, Dropdown, Menu } from "antd";
+import { Button, Dropdown } from "antd";
 import _ from "lodash";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -62,19 +62,17 @@ export function JobsCloseAutoAllocate({ bodyshop, joblines, form, disabled }) {
     );
   };
 
-  const overlay = (bodyshop.cdk_dealerid || bodyshop.pbs_serialnumber) && (
-    <Menu
-      onClick={handleMenuClick}
-      items={bodyshop.md_responsibility_centers.dms_defaults.map((mapping) => ({
-        key: mapping.name,
-        label: mapping.name,
-        disabled: disabled,
-      }))}
-    />
-  );
+  const menu = {
+    items: bodyshop.md_responsibility_centers.dms_defaults.map((mapping) => ({
+      key: mapping.name,
+      label: mapping.name,
+      disabled: disabled,
+    })),
+    onClick: handleMenuClick,
+  }
 
   return bodyshop.cdk_dealerid || bodyshop.pbs_serialnumber ? (
-    <Dropdown menu={overlay}>
+    <Dropdown menu={menu}>
       <Button disabled={disabled}>{t("jobs.actions.dmsautoallocate")}</Button>
     </Dropdown>
   ) : (