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

@@ -0,0 +1,43 @@
+import { useNavigateCommandMenu } from '@/command-menu/hooks/useNavigateCommandMenu';
+import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
+import { useRecoilCallback } from 'recoil';
+import { isDefined } from 'twenty-shared/utils';
+import { IconAppWindow } from 'twenty-ui/display';
+import { pageLayoutDraggedAreaState } from '../states/pageLayoutDraggedAreaState';
+import { pageLayoutSelectedCellsState } from '../states/pageLayoutSelectedCellsState';
+import { calculateGridBoundsFromSelectedCells } from '../utils/calculateGridBoundsFromSelectedCells';
+
+export const useEndPageLayoutDragSelection = () => {
+  const { navigateCommandMenu } = useNavigateCommandMenu();
+
+  const endPageLayoutDragSelection = useRecoilCallback(
+    ({ snapshot, set }) =>
+      () => {
+        const pageLayoutSelectedCells = snapshot
+          .getLoadable(pageLayoutSelectedCellsState)
+          .getValue();
+
+        if (pageLayoutSelectedCells.size > 0) {
+          const draggedBounds = calculateGridBoundsFromSelectedCells(
+            Array.from(pageLayoutSelectedCells),
+          );
+
+          if (isDefined(draggedBounds)) {
+            set(pageLayoutDraggedAreaState, draggedBounds);
+
+            navigateCommandMenu({
+              page: CommandMenuPages.PageLayoutWidgetTypeSelect,
+              pageTitle: 'Add Widget',
+              pageIcon: IconAppWindow,
+              resetNavigationStack: true,
+            });
+
+            set(pageLayoutSelectedCellsState, new Set());
+          }
+        }
+      },
+    [navigateCommandMenu],
+  );
+
+  return { endPageLayoutDragSelection };
+};