feat: activate standard objects in New Object page (#2232)

* feat: activate standard objects in New Object page

Closes #2010, Closes #2173

* Pagination limit = 1000

* Various fixes

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

front/src/pages/settings/data-model/SettingsNewObject.tsx

@@ -1,11 +1,12 @@
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
-import { useObjectMetadata } from '@/metadata/hooks/useObjectMetadata';
+import { useMetadataObjectForSettings } from '@/metadata/hooks/useMetadataObjectForSettings';
 import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons/SaveAndCancelButtons';
 import { SettingsHeaderContainer } from '@/settings/components/SettingsHeaderContainer';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SettingsObjectFormSection } from '@/settings/data-model/components/SettingsObjectFormSection';
+import { SettingsAvailableStandardObjectsSection } from '@/settings/data-model/new-object/components/SettingsAvailableStandardObjectsSection';
 import {
   NewObjectType,
   SettingsNewObjectType,
@@ -22,7 +23,15 @@ export const SettingsNewObject = () => {
   const [selectedObjectType, setSelectedObjectType] =
     useState<NewObjectType>('Standard');
 
-  const { createObject } = useObjectMetadata();
+  const {
+    activateMetadataObject: activateObject,
+    createMetadataObject: createObject,
+    disabledMetadataObjects: disabledObjects,
+  } = useMetadataObjectForSettings();
+
+  const [selectedStandardObjectIds, setSelectedStandardObjectIds] = useState<
+    Record<string, boolean>
+  >({});
 
   const [customFormValues, setCustomFormValues] = useState<{
     description?: string;
@@ -32,11 +41,24 @@ export const SettingsNewObject = () => {
   }>({ icon: 'IconPigMoney', labelPlural: '', labelSingular: '' });
 
   const canSave =
-    selectedObjectType === 'Custom' &&
-    !!customFormValues.labelPlural &&
-    !!customFormValues.labelSingular;
+    (selectedObjectType === 'Standard' &&
+      Object.values(selectedStandardObjectIds).some(
+        (isSelected) => isSelected,
+      )) ||
+    (selectedObjectType === 'Custom' &&
+      !!customFormValues.labelPlural &&
+      !!customFormValues.labelSingular);
 
   const handleSave = async () => {
+    if (selectedObjectType === 'Standard') {
+      await Promise.all(
+        Object.entries(selectedStandardObjectIds).map(
+          ([standardObjectId, isSelected]) =>
+            isSelected ? activateObject({ id: standardObjectId }) : undefined,
+        ),
+      );
+    }
+
     if (selectedObjectType === 'Custom') {
       await createObject({
         labelPlural: customFormValues.labelPlural,
@@ -69,7 +91,7 @@ export const SettingsNewObject = () => {
         </SettingsHeaderContainer>
         <Section>
           <H2Title
-            title="Object Type"
+            title="Object type"
             description="The type of object you want to add"
           />
           <SettingsNewObjectType
@@ -77,6 +99,18 @@ export const SettingsNewObject = () => {
             onTypeSelect={setSelectedObjectType}
           />
         </Section>
+        {selectedObjectType === 'Standard' && (
+          <SettingsAvailableStandardObjectsSection
+            objectItems={disabledObjects.filter(({ isCustom }) => !isCustom)}
+            onChange={(selectedIds) =>
+              setSelectedStandardObjectIds((previousSelectedIds) => ({
+                ...previousSelectedIds,
+                ...selectedIds,
+              }))
+            }
+            selectedIds={selectedStandardObjectIds}
+          />
+        )}
         {selectedObjectType === 'Custom' && (
           <>
             <SettingsObjectIconSection