fix(contextMenu): fixes for context menu icon (#3275)

platform/ui/src/components/ContextMenu/ContextMenu.tsx

@@ -19,14 +19,11 @@ const ContextMenu = ({ items, ...props }) => {
           key={index}
           data-cy="context-menu-item"
           onClick={() => item.action(item, props)}
+          style={{ justifyContent: 'space-between' }}
           className="flex px-4 py-3 cursor-pointer items-center transition duration-300 hover:bg-primary-dark border-b border-primary-dark last:border-b-0"
         >
-          <Typography>
-            {item.label}
-            {item.iconRight && (
-              <Icon name={item.iconRight} className="inline" />
-            )}
-          </Typography>
+          <Typography>{item.label}</Typography>
+          {item.iconRight && <Icon name={item.iconRight} className="inline" />}
         </div>
       ))}
     </div>

platform/ui/src/components/Icon/getIcon.js

@@ -13,6 +13,7 @@ import dottedCircle from './../../assets/icons/dotted-circle.svg';
 import circledCheckmark from './../../assets/icons/circled-checkmark.svg';
 import chevronDown from './../../assets/icons/chevron-down.svg';
 import chevronLeft from './../../assets/icons/chevron-left.svg';
+import chevronMenu from './../../assets/icons/chevron-menu.svg';
 import chevronNext from './../../assets/icons/chevron-next.svg';
 import chevronPrev from './../../assets/icons/chevron-prev.svg';
 import chevronRight from './../../assets/icons/chevron-right.svg';
@@ -130,6 +131,7 @@ const ICONS = {
   'circled-checkmark': circledCheckmark,
   'chevron-down': chevronDown,
   'chevron-left': chevronLeft,
+  'chevron-menu': chevronMenu,
   'chevron-next': chevronNext,
   'chevron-prev': chevronPrev,
   'chevron-right': chevronRight,