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/page-layout/components/PageLayoutRendererContent.tsx

@@ -0,0 +1,31 @@
+import { PageLayoutGridLayout } from '@/page-layout/components/PageLayoutGridLayout';
+import { useCurrentPageLayout } from '@/page-layout/hooks/useCurrentPageLayout';
+import { getTabListInstanceIdFromPageLayoutId } from '@/page-layout/utils/getTabListInstanceIdFromPageLayoutId';
+import { TabList } from '@/ui/layout/tab-list/components/TabList';
+import styled from '@emotion/styled';
+import { isDefined } from 'twenty-shared/utils';
+
+const StyledTabList = styled(TabList)`
+  padding-left: ${({ theme }) => theme.spacing(2)};
+`;
+
+export const PageLayoutRendererContent = () => {
+  const { currentPageLayout } = useCurrentPageLayout();
+
+  if (!isDefined(currentPageLayout)) {
+    return null;
+  }
+
+  return (
+    <>
+      <StyledTabList
+        tabs={currentPageLayout.tabs}
+        behaveAsLinks={false}
+        componentInstanceId={getTabListInstanceIdFromPageLayoutId(
+          currentPageLayout.id,
+        )}
+      />
+      <PageLayoutGridLayout />
+    </>
+  );
+};