Add field widget (#16609)

- Ability to display the details of a field
- The field can be edited (relations edition will be supported later)
- For now, the widget configuration stores the name of the field instead
of its fieldMetadataId. A hook resolves the fieldMetadataId from the
list of fields and the provided name. This will be replaced once we
migrate the configuration to the backend.

## Demo


https://github.com/user-attachments/assets/ab7efbda-66b2-46c1-b641-c350977c31dd

## Remaining to do

- Edition of relations

packages/twenty-front/src/modules/page-layout/constants/DefaultCompanyRecordPageLayout.ts

@@ -1,6 +1,6 @@
 import { DEFAULT_COMPANY_RECORD_PAGE_LAYOUT_ID } from '@/page-layout/constants/DefaultCompanyRecordPageLayoutId';
 import { type PageLayout } from '@/page-layout/types/PageLayout';
-import { PageLayoutType, WidgetType } from '~/generated/graphql';
+import { PageLayoutType, WidgetType } from '~/generated-metadata/graphql';
 
 export const DEFAULT_COMPANY_RECORD_PAGE_LAYOUT: PageLayout = {
   __typename: 'PageLayout',
@@ -33,7 +33,7 @@ export const DEFAULT_COMPANY_RECORD_PAGE_LAYOUT: PageLayout = {
           objectMetadataId: null,
           gridPosition: {
             __typename: 'GridPosition',
-            row: 0,
+            row: 3,
             column: 0,
             rowSpan: 12,
             columnSpan: 12,
@@ -43,6 +43,144 @@ export const DEFAULT_COMPANY_RECORD_PAGE_LAYOUT: PageLayout = {
           updatedAt: new Date().toISOString(),
           deletedAt: null,
         },
+        {
+          __typename: 'PageLayoutWidget',
+          id: 'company-widget-account-owner',
+          pageLayoutTabId: 'company-tab-fields',
+          title: 'Account Owner',
+          type: WidgetType.FIELD,
+          objectMetadataId: null,
+          gridPosition: {
+            __typename: 'GridPosition',
+            row: 0,
+            column: 0,
+            rowSpan: 1,
+            columnSpan: 12,
+          },
+          configuration: {
+            __typename: 'FieldConfiguration',
+            fieldMetadataId: 'accountOwner',
+            layout: 'FIELD',
+          },
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        },
+        {
+          __typename: 'PageLayoutWidget',
+          id: 'company-widget-opportunities',
+          pageLayoutTabId: 'company-tab-fields',
+          title: 'Opportunities',
+          type: WidgetType.FIELD,
+          objectMetadataId: null,
+          gridPosition: {
+            __typename: 'GridPosition',
+            row: 1,
+            column: 0,
+            rowSpan: 1,
+            columnSpan: 12,
+          },
+          configuration: {
+            __typename: 'FieldConfiguration',
+            fieldMetadataId: 'opportunities',
+            layout: 'FIELD',
+          },
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        },
+        {
+          __typename: 'PageLayoutWidget',
+          id: 'company-widget-people',
+          pageLayoutTabId: 'company-tab-fields',
+          title: 'People',
+          type: WidgetType.FIELD,
+          objectMetadataId: null,
+          gridPosition: {
+            __typename: 'GridPosition',
+            row: 2,
+            column: 0,
+            rowSpan: 1,
+            columnSpan: 12,
+          },
+          configuration: {
+            __typename: 'FieldConfiguration',
+            fieldMetadataId: 'people',
+            layout: 'FIELD',
+          },
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        },
+        {
+          __typename: 'PageLayoutWidget',
+          id: 'company-widget-name',
+          pageLayoutTabId: 'company-tab-fields',
+          title: 'Name',
+          type: WidgetType.FIELD,
+          objectMetadataId: null,
+          gridPosition: {
+            __typename: 'GridPosition',
+            row: 2,
+            column: 0,
+            rowSpan: 1,
+            columnSpan: 12,
+          },
+          configuration: {
+            __typename: 'FieldConfiguration',
+            fieldMetadataId: 'name',
+            layout: 'FIELD',
+          },
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        },
+        {
+          __typename: 'PageLayoutWidget',
+          id: 'company-widget-employees',
+          pageLayoutTabId: 'company-tab-fields',
+          title: 'Employees',
+          type: WidgetType.FIELD,
+          objectMetadataId: null,
+          gridPosition: {
+            __typename: 'GridPosition',
+            row: 2,
+            column: 0,
+            rowSpan: 1,
+            columnSpan: 12,
+          },
+          configuration: {
+            __typename: 'FieldConfiguration',
+            fieldMetadataId: 'employees',
+            layout: 'FIELD',
+          },
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        },
+        {
+          __typename: 'PageLayoutWidget',
+          id: 'company-widget-linkedin',
+          pageLayoutTabId: 'company-tab-fields',
+          title: 'LinkedIn',
+          type: WidgetType.FIELD,
+          objectMetadataId: null,
+          gridPosition: {
+            __typename: 'GridPosition',
+            row: 2,
+            column: 0,
+            rowSpan: 1,
+            columnSpan: 12,
+          },
+          configuration: {
+            __typename: 'FieldConfiguration',
+            fieldMetadataId: 'linkedinLink',
+            layout: 'FIELD',
+          },
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          deletedAt: null,
+        },
       ],
     },
     {