Majority of Dropdown Overlay Menu refactors.

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

client/src/components/jobs-detail-rates-change-button/jobs-detail-rates-change-button.component.jsx

@@ -1,5 +1,5 @@
 import { DownOutlined } from "@ant-design/icons";
-import { Dropdown, Menu } from "antd";
+import { Dropdown } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -18,16 +18,14 @@ export function JobsDetailRatesChangeButton({ disabled, form, bodyshop }) {
     form.setFieldsValue({ ...rate, labor_rate_desc: rate.rate_label });
   };
 
-  const menu = (
-        <Menu
-          onClick={handleClick}
-          items={bodyshop.md_labor_rates.map((rate, idx) => ({
-            key: idx,
-            label: rate.rate_label,
-            value: rate,
-          }))}
-        />
-  );
+  const menu = {
+      items: bodyshop.md_labor_rates.map((rate, idx) => ({
+          key: idx,
+          label: rate.rate_label,
+          value: rate,
+      })),
+      onClick: handleClick
+  }
 
   return (
     <Dropdown menu={menu} disabled={disabled}>