'Display as relative date' field formatting option for dateTime and date fields #5398 (#6945)

Implements #5398.

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-front/src/modules/object-metadata/hooks/__mocks__/useFieldMetadataItem.ts

@@ -17,6 +17,7 @@ const baseFields = `
   isNullable
   createdAt
   updatedAt
+  settings
 `;
 
 export const queries = {
@@ -73,6 +74,7 @@ export const variables = {
         label: 'fieldLabel',
         name: 'fieldLabel',
         options: undefined,
+        settings: undefined,
         objectMetadataId,
         type: 'TEXT',
       },
@@ -96,6 +98,7 @@ const defaultResponseData = {
   isNullable: false,
   createdAt: '1977-09-28T13:56:55.157Z',
   updatedAt: '1996-10-10T08:27:57.117Z',
+  settings: undefined,
 };
 
 const fieldRelationResponseData = {

packages/twenty-front/src/modules/object-metadata/hooks/useFieldMetadataItem.ts

@@ -1,6 +1,6 @@
 import { useDeleteOneRelationMetadataItem } from '@/object-metadata/hooks/useDeleteOneRelationMetadataItem';
-import { Field } from '~/generated/graphql';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+import { Field } from '~/generated/graphql';
 
 import { FieldMetadataItem } from '../types/FieldMetadataItem';
 import { formatFieldMetadataItemInput } from '../utils/formatFieldMetadataItemInput';
@@ -18,7 +18,13 @@ export const useFieldMetadataItem = () => {
   const createMetadataField = (
     input: Pick<
       Field,
-      'label' | 'icon' | 'description' | 'defaultValue' | 'type' | 'options'
+      | 'label'
+      | 'icon'
+      | 'description'
+      | 'defaultValue'
+      | 'type'
+      | 'options'
+      | 'settings'
     > & {
       objectMetadataId: string;
     },