Using different Ids for HotbarIcons

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

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

@@ -173,7 +173,7 @@ export class Catalog extends React.Component<Props> {
   renderIcon(item: CatalogEntityItem<CatalogEntity>) {
     return (
       <HotbarIcon
-        uid={item.getId()}
+        uid={`catalog-icon-${item.getId()}`}
         title={item.getName()}
         source={item.source}
         src={item.entity.spec.icon?.src}

src/renderer/components/hotbar/hotbar-menu.tsx

@@ -160,7 +160,7 @@ export class HotbarMenu extends React.Component<Props> {
                           />
                         ) : (
                           <HotbarIcon
-                            uid={item.entity.uid}
+                            uid={`hotbar-icon-${item.entity.uid}`}
                             title={item.entity.name}
                             source={item.entity.source}
                             menuItems={disabledMenuItems}