Introduce a RelationPicker component with a RelationPickerScope (#2617)

Refactor mainIdentifier into scope componetn

front/src/modules/settings/data-model/components/SettingsObjectFieldPreview.tsx

@@ -90,13 +90,7 @@ export const SettingsObjectFieldPreview = ({
     objectMetadataId,
   });
 
-  const {
-    defaultValue: relationDefaultValue,
-    labelIdentifierFieldPaths,
-    imageIdentifierUrlField,
-    imageIdentifierUrlPrefix,
-    imageIdentifierFormat,
-  } = useRelationFieldPreview({
+  const { defaultValue: relationDefaultValue } = useRelationFieldPreview({
     relationObjectMetadataId,
     skipDefaultValue:
       fieldMetadata.type !== FieldMetadataType.Relation || hasValue,
@@ -107,15 +101,6 @@ export const SettingsObjectFieldPreview = ({
       ? relationDefaultValue
       : dataTypes[fieldMetadata.type].defaultValue;
 
-  if (
-    !labelIdentifierFieldPaths ||
-    !imageIdentifierUrlField ||
-    !imageIdentifierUrlPrefix ||
-    !imageIdentifierFormat
-  ) {
-    return <></>;
-  }
-
   return (
     <StyledContainer className={className}>
       <StyledObjectSummary>
@@ -160,10 +145,6 @@ export const SettingsObjectFieldPreview = ({
               label: fieldMetadata.label,
               metadata: {
                 fieldName,
-                labelIdentifierFieldPaths,
-                imageIdentifierUrlField,
-                imageIdentifierUrlPrefix,
-                imageIdentifierFormat,
               },
             },
             hotkeyScope: 'field-preview',