feat: soft delete (#6576)

Implement soft delete on standards and custom objects.
This is a temporary solution, when we drop `pg_graphql` we should rely
on the `softDelete` functions of TypeORM.

---------

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

packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx

@@ -7,13 +7,13 @@ import {
   IconColorSwatch,
   IconCurrencyDollar,
   IconDoorEnter,
+  IconFunction,
   IconHierarchy2,
   IconMail,
   IconRocket,
   IconSettings,
   IconUserCircle,
   IconUsers,
-  IconFunction,
 } from 'twenty-ui';
 
 import { useAuth } from '@/auth/hooks/useAuth';
@@ -49,7 +49,6 @@ export const SettingsNavigationDrawerItems = () => {
           path={SettingsPath.Appearance}
           Icon={IconColorSwatch}
         />
-
         <NavigationDrawerItemGroup>
           <SettingsNavigationDrawerItem
             label="Accounts"

packages/twenty-front/src/modules/settings/components/SettingsPageContainer.tsx

@@ -1,9 +1,12 @@
 import styled from '@emotion/styled';
+import { ReactNode } from 'react';
 
 import { OBJECT_SETTINGS_WIDTH } from '@/settings/data-model/constants/ObjectSettings';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 import { isDefined } from '~/utils/isDefined';
 
+import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
+
 const StyledSettingsPageContainer = styled.div<{ width?: number }>`
   display: flex;
   flex-direction: column;
@@ -21,4 +24,17 @@ const StyledSettingsPageContainer = styled.div<{ width?: number }>`
   }};
 `;
 
-export { StyledSettingsPageContainer as SettingsPageContainer };
+const StyledScrollWrapper = styled(ScrollWrapper)`
+  background-color: ${({ theme }) => theme.background.secondary};
+  border-radius: ${({ theme }) => theme.border.radius.md};
+`;
+
+export const SettingsPageContainer = ({
+  children,
+}: {
+  children: ReactNode;
+}) => (
+  <StyledScrollWrapper>
+    <StyledSettingsPageContainer>{children}</StyledSettingsPageContainer>
+  </StyledScrollWrapper>
+);

packages/twenty-front/src/modules/settings/data-model/objects/SettingsObjectCoverImage.tsx

@@ -4,6 +4,7 @@ import { IconEye } from 'twenty-ui';
 import { FloatingButton } from '@/ui/input/button/components/FloatingButton';
 import { Card } from '@/ui/layout/card/components/Card';
 
+import { SettingsPath } from '@/types/SettingsPath';
 import DarkCoverImage from '../assets/cover-dark.png';
 import LightCoverImage from '../assets/cover-light.png';
 
@@ -34,7 +35,7 @@ export const SettingsObjectCoverImage = () => {
           Icon={IconEye}
           title="Visualize"
           size="small"
-          to="/settings/objects/overview"
+          to={'/settings/' + SettingsPath.ObjectOverview}
         />
       </StyledButtonContainer>
     </StyledCoverImageContainer>

packages/twenty-front/src/modules/settings/integrations/database-connection/components/SettingsIntegrationDatabaseConnectionShowContainer.tsx

@@ -1,5 +1,5 @@
-import { useNavigate } from 'react-router-dom';
 import { Section } from '@react-email/components';
+import { useNavigate } from 'react-router-dom';
 import { H2Title } from 'twenty-ui';
 
 import { useDeleteOneDatabaseConnection } from '@/databases/hooks/useDeleteOneDatabaseConnection';
@@ -31,6 +31,7 @@ export const SettingsIntegrationDatabaseConnectionShowContainer = () => {
     SettingsPath.Integrations,
   );
 
+  // TODO: move breadcrumb to header?
   return (
     <>
       <Breadcrumb

packages/twenty-front/src/modules/settings/integrations/database-connection/components/SettingsIntegrationEditDatabaseConnectionContent.tsx

@@ -1,8 +1,8 @@
-import { FormProvider, useForm } from 'react-hook-form';
-import { useNavigate } from 'react-router-dom';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Section } from '@react-email/components';
 import pick from 'lodash.pick';
+import { FormProvider, useForm } from 'react-hook-form';
+import { useNavigate } from 'react-router-dom';
 import { H2Title } from 'twenty-ui';
 import { z } from 'zod';
 
@@ -94,6 +94,7 @@ export const SettingsIntegrationEditDatabaseConnectionContent = ({
     }
   };
 
+  // TODO: move breadcrumb to header?
   return (
     <>
       <FormProvider