Allow for Component Token Overrides.

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

client/src/components/dashboard-grid/dashboard-grid.component.jsx

@@ -123,18 +123,16 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
     [data]
   );
   const existingLayoutKeys = state.items.map((i) => i.i);
+
+  const menuItems = Object.keys(componentList).map((key) => ({
+    key: key,
+    label: componentList[key].label,
+    value: key,
+    disabled: existingLayoutKeys.includes(key),
+  }));
+
   const addComponentOverlay = (
-    <Menu onClick={handleAddComponent}>
-      {Object.keys(componentList).map((key) => (
-        <Menu.Item
-          key={key}
-          value={key}
-          disabled={existingLayoutKeys.includes(key)}
-        >
-          {componentList[key].label}
-        </Menu.Item>
-      ))}
-    </Menu>
+    <Menu onClick={handleAddComponent} items={menuItems} />
   );
 
   if (error) return <AlertComponent message={error.message} type="error" />;
@@ -147,7 +145,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
             <Button onClick={() => refetch()}>
               <SyncOutlined />
             </Button>
-            <Dropdown overlay={addComponentOverlay} trigger={["click"]}>
+            <Dropdown menu={addComponentOverlay} trigger={["click"]}>
               <Button>{t("dashboard.actions.addcomponent")}</Button>
             </Dropdown>
           </Space>