Fix menu actions not opening in multiple places (#5799)

src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx

@@ -95,7 +95,7 @@ class NonInjectedCatalogEntityDrawerMenu<T extends CatalogEntity> extends React.
 
     return (
       <MenuActions
-        id="menu-actions-for-catalog-entity-drawer-menu"
+        id={`menu-actions-for-catalog-entity-drawer-menu-${entity.getId()}`}
         className={cssNames("CatalogEntityDrawerMenu", className)}
         toolbar
         {...menuProps}

src/renderer/components/+catalog/catalog.tsx

@@ -198,7 +198,7 @@ class NonInjectedCatalog extends React.Component<Dependencies> {
     };
 
     return (
-      <MenuActions id="menu-actions-for-catalog" onOpen={onOpen}>
+      <MenuActions id={`menu-actions-for-catalog-for-${entity.getId()}`} onOpen={onOpen}>
         <MenuItem
           key="open-details"
           onClick={() => this.props.catalogEntityStore.selectedItemId.set(entity.getId())}

src/renderer/components/+extensions/installed-extensions.tsx

@@ -103,7 +103,7 @@ const NonInjectedInstalledExtensions = observer(({ extensionDiscovery, extension
         ),
         actions: (
           <MenuActions
-            id="menu-actions-for-installed-extensions"
+            id={`menu-actions-for-installed-extensions-for-${id}`}
             usePortal
             toolbar={false}>
             {isCompatible && (

src/renderer/components/+helm-releases/release-menu.tsx

@@ -78,7 +78,7 @@ class NonInjectedHelmReleaseMenu extends React.Component<HelmReleaseMenuProps &
 
     return (
       <MenuActions
-        id="menu-actions-for-release-menu"
+        id={`menu-actions-for-release-menu-for-${release.getId()}`}
         {...menuProps}
         className={cssNames("HelmReleaseMenu", className)}
         removeAction={this.remove}

src/renderer/components/+network-port-forwards/port-forward-menu.tsx

@@ -121,7 +121,7 @@ class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependenci
 
     return (
       <MenuActions
-        id="menu-actions-for-port-forward-menu"
+        id={`menu-actions-for-port-forward-menu-for-${this.props.portForward.getId()}`}
         {...menuProps}
         className={cssNames("PortForwardMenu", className)}
         removeAction={this.remove}

src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx

@@ -89,7 +89,7 @@ export class ClusterIconSetting extends React.Component<ClusterIconSettingProps>
             />
           </div>
           <MenuActions
-            id="menu-actions-for-cluster-icon-settings"
+            id={`menu-actions-for-cluster-icon-settings-for-${entity.getId()}`}
             toolbar={false}
             autoCloseOnSelect={true}
             triggerIcon={{ material: "more_horiz" }}