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/object-record/relation-picker/hooks/useAddNewRecordAndOpenRightDrawer.ts

@@ -11,6 +11,7 @@ import { viewableRecordNameSingularState } from '@/object-record/record-right-dr
 import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
 import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
 import { isDefined } from 'twenty-shared';
+import { IconEye } from 'twenty-ui';
 import {
   FieldMetadataType,
   RelationDefinitionType,
@@ -109,7 +110,10 @@ export const useAddNewRecordAndOpenRightDrawer = ({
 
       setViewableRecordId(newRecordId);
       setViewableRecordNameSingular(relationObjectMetadataNameSingular);
-      openRightDrawer(RightDrawerPages.ViewRecord);
+      openRightDrawer(RightDrawerPages.ViewRecord, {
+        title: 'View Record',
+        Icon: IconEye,
+      });
     },
   };
 };