Implement object fields and settings new layout (#7979)

### Description

- This PR has as the base branch the TWNTY-5491 branch, but we also had
to include updates from the main branch, and currently, there are
conflicts in the TWNTY-5491, that cause errors on typescript in this PR,
so, we can update once the conflicts are resolved on the base branch,
but the functionality can be reviewed anyway
- We Implemented a new layout of object details settings and new, the
data is auto-saved in `Settings `tab of object detail
- There is no indication to the user that data are saved automatically
in the design, currently we are disabling the form

### Demo\

<https://www.loom.com/share/4198c0aa54b5450780a570ceee574838?sid=b4ef0a42-2d41-435f-9f5f-1b16816939f7>

### Refs

#TWNTY-5491

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Co-authored-by: Marie Stoppa <marie.stoppa@essec.edu>
Co-authored-by: Weiko <corentin@twenty.com>

packages/twenty-ui/src/display/icon/components/TablerIcons.ts

@@ -50,6 +50,7 @@ export {
   IconClockHour8,
   IconClockShare,
   IconCode,
+  IconCodeCircle,
   IconCoins,
   IconColorSwatch,
   IconMessageCircle as IconComment,
@@ -159,6 +160,7 @@ export {
   IconLinkOff,
   IconList,
   IconListCheck,
+  IconListDetails,
   IconListNumbers,
   IconLock,
   IconLockOpen,

packages/twenty-ui/src/display/typography/components/H2Title.tsx

@@ -31,7 +31,7 @@ const StyledDescription = styled.h3`
   font-size: ${({ theme }) => theme.font.size.md};
   font-weight: ${({ theme }) => theme.font.weight.regular};
   margin: 0;
-  margin-top: ${({ theme }) => theme.spacing(3)};
+  margin-top: ${({ theme }) => theme.spacing(2)};
 `;
 
 export const H2Title = ({

packages/twenty-ui/src/display/typography/components/H3Title.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import styled from '@emotion/styled';
+import { ReactNode } from 'react';
 
 type H3TitleProps = {
   title: ReactNode;
@@ -11,7 +11,6 @@ const StyledH3Title = styled.h3`
   font-size: ${({ theme }) => theme.font.size.lg};
   font-weight: ${({ theme }) => theme.font.weight.semiBold};
   margin: 0;
-  margin-bottom: ${({ theme }) => theme.spacing(4)};
 `;
 
 export const H3Title = ({ title, className }: H3TitleProps) => {