Allow for Component Token Overrides.

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

client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx

@@ -87,7 +87,7 @@ export default function PartsOrderModalPriceChange({ form, field }) {
     />
   );
   return (
-    <Dropdown overlay={menu} trigger="click">
+    <Dropdown menu={menu} trigger="click">
       <Space>
         %
         <DownOutlined />

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -40,15 +40,14 @@ export function PartsOrderModalComponent({bodyshop, vendorList, sendTypeState, i
     };
 
     const menu = (
-        <div>
-            <Menu onClick={handleClick}>
-                {bodyshop.md_parts_order_comment.map((comment, idx) => (
-                    <Menu.Item value={comment.comment} key={idx}>
-                        {comment.label}
-                    </Menu.Item>
-                ))}
-            </Menu>
-        </div>
+            <Menu
+              onClick={handleClick}
+              items={bodyshop.md_parts_order_comment.map((comment, idx) => ({
+                key: idx,
+                label: comment.label,
+                value: comment.comment,
+              }))}
+            />
     );
 
     return (
@@ -286,7 +285,7 @@ export function PartsOrderModalComponent({bodyshop, vendorList, sendTypeState, i
                 label={
                     <Space>
                         {t("parts_orders.fields.comments")}
-                        <Dropdown overlay={menu}>
+                        <Dropdown menu={menu}>
                             <a
                                 className="ant-dropdown-link"
                                 href=" #"