Fixed sync between record value context selector and record store (#5517)

This PR introduces many improvements over the new profiling story
feature, with new tests and some refactor with main :
- Added use-context-selector for getting value faster in display fields
and created useRecordFieldValue() hook and RecordValueSetterEffect to
synchronize states
- Added performance test command in CI
- Refactored ExpandableList drill-downs with FieldFocusContext
- Refactored field button icon logic into getFieldButtonIcon util
- Added RelationFieldDisplay perf story
- Added RecordTableCell perf story
- First split test of useField.. hook with useRelationFieldDisplay()
- Fixed problem with set cell soft focus
- Isolated logic between display / soft focus and edit mode in the
related components to optimize performances for display mode.
- Added warmupRound config for performance story decorator
- Added variance in test reporting

packages/twenty-front/src/modules/object-metadata/utils/formatFieldMetadataItemAsFieldDefinition.ts

@@ -1,5 +1,8 @@
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { parseFieldRelationType } from '@/object-metadata/utils/parseFieldRelationType';
+import { FieldDefinition } from '@/object-record/record-field/types/FieldDefinition';
+import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata';
+import { getFieldButtonIcon } from '@/object-record/record-field/utils/getFieldButtonIcon';
 
 import { FieldMetadataItem } from '../types/FieldMetadataItem';
 
@@ -15,7 +18,7 @@ export const formatFieldMetadataItemAsFieldDefinition = ({
   objectMetadataItem,
   showLabel,
   labelWidth,
-}: FieldMetadataItemAsFieldDefinitionProps) => {
+}: FieldMetadataItemAsFieldDefinitionProps): FieldDefinition<FieldMetadata> => {
   const relationObjectMetadataItem =
     field.toRelationMetadata?.fromObjectMetadata ||
     field.fromRelationMetadata?.toObjectMetadata;
@@ -24,25 +27,31 @@ export const formatFieldMetadataItemAsFieldDefinition = ({
     field.toRelationMetadata?.fromFieldMetadataId ||
     field.fromRelationMetadata?.toFieldMetadataId;
 
+  const fieldDefintionMetadata = {
+    fieldName: field.name,
+    placeHolder: field.label,
+    relationType: parseFieldRelationType(field),
+    relationFieldMetadataId,
+    relationObjectMetadataNameSingular:
+      relationObjectMetadataItem?.nameSingular ?? '',
+    relationObjectMetadataNamePlural:
+      relationObjectMetadataItem?.namePlural ?? '',
+    objectMetadataNameSingular: objectMetadataItem.nameSingular ?? '',
+    options: field.options,
+  };
+
   return {
     fieldMetadataId: field.id,
     label: field.label,
     showLabel,
     labelWidth,
     type: field.type,
-    metadata: {
-      fieldName: field.name,
-      placeHolder: field.label,
-      relationType: parseFieldRelationType(field),
-      relationFieldMetadataId,
-      relationObjectMetadataNameSingular:
-        relationObjectMetadataItem?.nameSingular ?? '',
-      relationObjectMetadataNamePlural:
-        relationObjectMetadataItem?.namePlural ?? '',
-      objectMetadataNameSingular: objectMetadataItem.nameSingular ?? '',
-      options: field.options,
-    },
+    metadata: fieldDefintionMetadata,
     iconName: field.icon ?? 'Icon123',
     defaultValue: field.defaultValue,
+    editButtonIcon: getFieldButtonIcon({
+      metadata: fieldDefintionMetadata,
+      type: field.type,
+    }),
   };
 };