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/widgets/graph/utils/createGradientDef.ts

@@ -0,0 +1,34 @@
+import { type GraphColorScheme } from '../types/GraphColorScheme';
+import { calculateAngularGradient } from './calculateAngularGradient';
+
+export const createGradientDef = (
+  colorScheme: GraphColorScheme,
+  id: string,
+  isHovered: boolean = false,
+  angle?: number,
+  reverseGradient: boolean = false,
+) => {
+  const colors = isHovered
+    ? colorScheme.gradient.hover
+    : colorScheme.gradient.normal;
+
+  const coords =
+    angle !== undefined
+      ? calculateAngularGradient(angle)
+      : { x1: '0%', y1: '0%', x2: '0%', y2: '100%' };
+
+  return {
+    id,
+    type: 'linearGradient' as const,
+    ...coords,
+    colors: reverseGradient
+      ? [
+          { offset: 0, color: colors[1] },
+          { offset: 100, color: colors[0] },
+        ]
+      : [
+          { offset: 0, color: colors[0] },
+          { offset: 100, color: colors[1] },
+        ],
+  };
+};