Page layout refactoring (#14535)

In this PR:
- Refactored the page layout renderer
- Converted all the states to component states
- Removed the page layout edition in settings

TODOs in next PRs:
- Fix bug with the drag selector not taking the scroll into account to
display the dragged area
- Readd the tab edition in edit mode

packages/twenty-front/src/modules/ui/layout/page/components/DefaultLayout.tsx

@@ -17,9 +17,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 import { Global, css, useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { AnimatePresence, LayoutGroup, motion } from 'framer-motion';
-import { Outlet, useLocation } from 'react-router-dom';
-import { SettingsPath } from 'twenty-shared/types';
-import { getSettingsPath } from 'twenty-shared/utils';
+import { Outlet } from 'react-router-dom';
 import { useScreenSize } from 'twenty-ui/utilities';
 
 const StyledLayout = styled.div`
@@ -61,12 +59,6 @@ const StyledMainContainer = styled.div`
 export const DefaultLayout = () => {
   const isMobile = useIsMobile();
   const isSettingsPage = useIsSettingsPage();
-  const location = useLocation();
-  const isPageLayoutEditor =
-    location.pathname.includes(getSettingsPath(SettingsPath.PageLayoutNew)) ||
-    location.pathname.match(
-      new RegExp(`${getSettingsPath(SettingsPath.PageLayout)}/[^/]+$`),
-    );
   const theme = useTheme();
   const windowsWidth = useScreenSize().width;
   const showAuthModal = useShowAuthModal();
@@ -86,10 +78,7 @@ export const DefaultLayout = () => {
           <StyledPageContainer
             animate={{
               marginLeft:
-                isSettingsPage &&
-                !isMobile &&
-                !useShowFullScreen &&
-                !isPageLayoutEditor
+                isSettingsPage && !isMobile && !useShowFullScreen
                   ? (windowsWidth -
                       (OBJECT_SETTINGS_WIDTH +
                         NAV_DRAWER_WIDTHS.menu.desktop.expanded +