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/pages/settings/accounts/SettingsAccounts.tsx

@@ -1,5 +1,5 @@
 import { useRecoilValue } from 'recoil';
-import { H2Title, IconSettings } from 'twenty-ui';
+import { H2Title, IconAt } from 'twenty-ui';
 
 import { ConnectedAccount } from '@/accounts/types/ConnectedAccount';
 import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMemberState';
@@ -14,7 +14,6 @@ import { SettingsAccountsSettingsSection } from '@/settings/accounts/components/
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
 import { Section } from '@/ui/layout/section/components/Section';
-import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
 import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 
 export const SettingsAccounts = () => {
@@ -37,10 +36,8 @@ export const SettingsAccounts = () => {
   const isBlocklistEnabled = useIsFeatureEnabled('IS_BLOCKLIST_ENABLED');
 
   return (
-    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
+    <SubMenuTopBarContainer Icon={IconAt} title="Account">
       <SettingsPageContainer>
-        <Breadcrumb links={[{ children: 'Accounts' }]} />
-
         {loading ? (
           <SettingsAccountLoader />
         ) : (

packages/twenty-front/src/pages/settings/accounts/SettingsAccountsCalendars.tsx

@@ -1,5 +1,3 @@
-import { IconSettings } from 'twenty-ui';
-
 import { SettingsAccountsCalendarChannelsContainer } from '@/settings/accounts/components/SettingsAccountsCalendarChannelsContainer';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { getSettingsPagePath } from '@/settings/utils/getSettingsPagePath';
@@ -7,11 +5,13 @@ import { SettingsPath } from '@/types/SettingsPath';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
 import { Section } from '@/ui/layout/section/components/Section';
 import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
+import { IconCalendarEvent } from 'twenty-ui';
 
 export const SettingsAccountsCalendars = () => {
   return (
-    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
-      <SettingsPageContainer>
+    <SubMenuTopBarContainer
+      Icon={IconCalendarEvent}
+      title={
         <Breadcrumb
           links={[
             {
@@ -21,6 +21,9 @@ export const SettingsAccountsCalendars = () => {
             { children: 'Calendars' },
           ]}
         />
+      }
+    >
+      <SettingsPageContainer>
         <Section>
           <SettingsAccountsCalendarChannelsContainer />
         </Section>

packages/twenty-front/src/pages/settings/accounts/SettingsAccountsEmails.tsx

@@ -1,20 +1,23 @@
-import { IconSettings } from 'twenty-ui';
-
 import { SettingsAccountsMessageChannelsContainer } from '@/settings/accounts/components/SettingsAccountsMessageChannelsContainer';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
 import { Section } from '@/ui/layout/section/components/Section';
 import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
+import { IconMail } from 'twenty-ui';
 
 export const SettingsAccountsEmails = () => (
-  <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
-    <SettingsPageContainer>
+  <SubMenuTopBarContainer
+    Icon={IconMail}
+    title={
       <Breadcrumb
         links={[
           { children: 'Accounts', href: '/settings/accounts' },
           { children: 'Emails' },
         ]}
       />
+    }
+  >
+    <SettingsPageContainer>
       <Section>
         <SettingsAccountsMessageChannelsContainer />
       </Section>

packages/twenty-front/src/pages/settings/accounts/SettingsNewAccount.tsx

@@ -1,20 +1,23 @@
-import { IconSettings } from 'twenty-ui';
-
 import { SettingsNewAccountSection } from '@/settings/accounts/components/SettingsNewAccountSection';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
 import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
+import { IconAt } from 'twenty-ui';
 
 export const SettingsNewAccount = () => {
   return (
-    <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
-      <SettingsPageContainer>
+    <SubMenuTopBarContainer
+      Icon={IconAt}
+      title={
         <Breadcrumb
           links={[
             { children: 'Accounts', href: '/settings/accounts' },
             { children: `New` },
           ]}
         />
+      }
+    >
+      <SettingsPageContainer>
         <SettingsNewAccountSection />
       </SettingsPageContainer>
     </SubMenuTopBarContainer>