Fix remote object read-only + remove relations (#4921)

- Set `readOnly` boolean in table row context. Preventing updates and
deletion
- Show page is null for remote objects. No need for complicated design
since this is temporary?
- Relation creations are now behind a feature flag for remote objects
- Refetch objects and views after syncing objects

---------

Co-authored-by: Thomas Trompette <thomast@twenty.com>

packages/twenty-front/src/pages/settings/data-model/SettingsObjectDetail.tsx

@@ -102,7 +102,7 @@ export const SettingsObjectDetail = () => {
           <SettingsObjectSummaryCard
             iconKey={activeObjectMetadataItem.icon ?? undefined}
             name={activeObjectMetadataItem.labelPlural || ''}
-            isCustom={activeObjectMetadataItem.isCustom}
+            objectMetadataItem={activeObjectMetadataItem}
             onDeactivate={handleDisableObject}
             onEdit={() => navigate('./edit')}
           />
@@ -150,6 +150,7 @@ export const SettingsObjectDetail = () => {
                           : 'field-type'
                       }
                       fieldMetadataItem={activeMetadataField}
+                      isRemoteObjectField={activeObjectMetadataItem.isRemote}
                       ActionIcon={
                         <SettingsObjectFieldActiveActionDropdown
                           isCustomField={!!activeMetadataField.isCustom}

packages/twenty-front/src/pages/settings/data-model/SettingsObjectNewField/SettingsObjectNewFieldStep1.tsx

@@ -140,6 +140,7 @@ export const SettingsObjectNewFieldStep1 = () => {
                   <SettingsObjectFieldItemTableRow
                     key={activeMetadataField.id}
                     fieldMetadataItem={activeMetadataField}
+                    isRemoteObjectField={activeObjectMetadataItem.isRemote}
                     ActionIcon={
                       isLabelIdentifierField({
                         fieldMetadataItem: activeMetadataField,