Remainder of menu refactoring updates.

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,20 +18,16 @@ export function JobsDetailRatesChangeButton({ disabled, form, bodyshop }) {
     form.setFieldsValue({ ...rate, labor_rate_desc: rate.rate_label });
   };
 
-  const menu = (
-    <div>
-      <Menu onClick={handleClick}>
-        {bodyshop.md_labor_rates.map((rate, idx) => (
-          <Menu.Item value={rate} key={idx}>
-            {rate.rate_label}
-          </Menu.Item>
-        ))}
-      </Menu>
-    </div>
-  );
-
+  const menu = {
+    onClick: handleClick,
+    items: bodyshop.md_labor_rates.map((rate, idx) => ({
+      key: idx,
+      value: rate,
+      label: rate.rate_label,
+    })),
+  };
   return (
-    <Dropdown overlay={menu} disabled={disabled}>
+    <Dropdown menu={menu} disabled={disabled}>
       <a
         className="ant-dropdown-link"
         href=" #"