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/useDeletePageLayoutWidget.ts

@@ -0,0 +1,42 @@
+import { useRecoilCallback } from 'recoil';
+import { isDefined } from 'twenty-shared/utils';
+import { pageLayoutCurrentLayoutsState } from '../states/pageLayoutCurrentLayoutsState';
+import { pageLayoutDraftState } from '../states/pageLayoutDraftState';
+import { removeWidgetFromTab } from '../utils/removeWidgetFromTab';
+import { removeWidgetLayoutFromTab } from '../utils/removeWidgetLayoutFromTab';
+
+export const useDeletePageLayoutWidget = () => {
+  const deletePageLayoutWidget = useRecoilCallback(
+    ({ snapshot, set }) =>
+      (widgetId: string) => {
+        const pageLayoutDraft = snapshot
+          .getLoadable(pageLayoutDraftState)
+          .getValue();
+        const allTabLayouts = snapshot
+          .getLoadable(pageLayoutCurrentLayoutsState)
+          .getValue();
+
+        const tabWithWidget = pageLayoutDraft.tabs.find((tab) =>
+          tab.widgets.some((w) => w.id === widgetId),
+        );
+        const tabId = tabWithWidget?.id;
+
+        if (isDefined(tabId)) {
+          const updatedLayouts = removeWidgetLayoutFromTab(
+            allTabLayouts,
+            tabId,
+            widgetId,
+          );
+          set(pageLayoutCurrentLayoutsState, updatedLayouts);
+
+          set(pageLayoutDraftState, (prev) => ({
+            ...prev,
+            tabs: removeWidgetFromTab(prev.tabs, tabId, widgetId),
+          }));
+        }
+      },
+    [],
+  );
+
+  return { deletePageLayoutWidget };
+};