321 command menu context chips compact version (#10072)

Closes https://github.com/twentyhq/core-team-issues/issues/321

- Create component
- Create stories
- Fix bug due to `WorkflowDiagramCanvasEditableEffect`

packages/twenty-front/src/modules/command-menu/components/CommandMenuContextChip.tsx

@@ -33,20 +33,23 @@ const StyledChip = styled.button<{
 `;
 
 const StyledIconsContainer = styled.div`
+  align-items: center;
   display: flex;
 `;
 
+export type CommandMenuContextChipProps = {
+  Icons: React.ReactNode[];
+  text?: string;
+  onClick?: () => void;
+  testId?: string;
+};
+
 export const CommandMenuContextChip = ({
   Icons,
   text,
   onClick,
   testId,
-}: {
-  Icons: React.ReactNode[];
-  text?: string;
-  onClick?: () => void;
-  testId?: string;
-}) => {
+}: CommandMenuContextChipProps) => {
   return (
     <StyledChip
       withText={isNonEmptyString(text)}