Create the Dashboard record show page (#14423)

Closes https://github.com/twentyhq/core-team-issues/issues/1438

- Reorganized PageLayout module
- Created `DashboardRenderer` and `PageLayoutRenderer`
- Created stories for the `PageLayoutRenderer`
- Refactored the Widget components


https://github.com/user-attachments/assets/27e9ac8f-b237-4c21-8494-3fab6d65af3a

packages/twenty-front/src/modules/page-layout/hooks/usePageLayoutDraftState.ts

@@ -0,0 +1,28 @@
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
+import { pageLayoutDraftState } from '../states/pageLayoutDraftState';
+import { pageLayoutPersistedState } from '../states/pageLayoutPersistedState';
+
+export const usePageLayoutDraftState = () => {
+  const [pageLayoutDraft, setPageLayoutDraft] =
+    useRecoilState(pageLayoutDraftState);
+  const pageLayoutPersisted = useRecoilValue(pageLayoutPersistedState);
+
+  const isDirty = pageLayoutPersisted
+    ? !isDeeplyEqual(pageLayoutDraft, {
+        name: pageLayoutPersisted.name,
+        type: pageLayoutPersisted.type,
+        objectMetadataId: pageLayoutPersisted.objectMetadataId,
+        tabs: pageLayoutPersisted.tabs,
+      })
+    : pageLayoutDraft.name.trim().length > 0 || pageLayoutDraft.tabs.length > 0;
+
+  const canSave = pageLayoutDraft.name?.trim().length > 0;
+
+  return {
+    pageLayoutDraft,
+    setPageLayoutDraft,
+    isDirty,
+    canSave,
+  };
+};