Create edit dashboard action (#14564)

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

Introduced a new pattern to force to register an action or not.
Discussed this with @charlesBochet

packages/twenty-front/src/modules/page-layout/components/PageLayoutInitializationQueryEffect.tsx

@@ -14,10 +14,12 @@ import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
 
 type PageLayoutInitializationQueryEffectProps = {
   pageLayoutId: string;
+  onInitialized: (pageLayout: PageLayoutWithData) => void;
 };
 
 export const PageLayoutInitializationQueryEffect = ({
   pageLayoutId,
+  onInitialized,
 }: PageLayoutInitializationQueryEffectProps) => {
   const [isInitialized, setIsInitialized] = useState(false);
 
@@ -88,9 +90,10 @@ export const PageLayoutInitializationQueryEffect = ({
   useEffect(() => {
     if (!isInitialized && isDefined(pageLayout)) {
       initializePageLayout(pageLayout);
+      onInitialized?.(pageLayout);
       setIsInitialized(true);
     }
-  }, [initializePageLayout, isInitialized, pageLayout]);
+  }, [initializePageLayout, isInitialized, pageLayout, onInitialized]);
 
   return null;
 };

packages/twenty-front/src/modules/page-layout/components/PageLayoutRenderer.tsx

@@ -2,6 +2,7 @@ import { PageLayoutInitializationQueryEffect } from '@/page-layout/components/Pa
 
 import { PageLayoutRendererContent } from '@/page-layout/components/PageLayoutRendererContent';
 import { PageLayoutComponentInstanceContext } from '@/page-layout/states/contexts/PageLayoutComponentInstanceContext';
+import { type PageLayoutWithData } from '@/page-layout/types/pageLayoutTypes';
 import { getTabListInstanceIdFromPageLayoutId } from '@/page-layout/utils/getTabListInstanceIdFromPageLayoutId';
 import { TabListComponentInstanceContext } from '@/ui/layout/tab-list/states/contexts/TabListComponentInstanceContext';
 import 'react-grid-layout/css/styles.css';
@@ -9,10 +10,12 @@ import 'react-resizable/css/styles.css';
 
 type PageLayoutRendererProps = {
   pageLayoutId: string;
+  onInitialized: (pageLayout: PageLayoutWithData) => void;
 };
 
 export const PageLayoutRenderer = ({
   pageLayoutId,
+  onInitialized,
 }: PageLayoutRendererProps) => {
   return (
     <PageLayoutComponentInstanceContext.Provider
@@ -25,7 +28,10 @@ export const PageLayoutRenderer = ({
           instanceId: getTabListInstanceIdFromPageLayoutId(pageLayoutId),
         }}
       >
-        <PageLayoutInitializationQueryEffect pageLayoutId={pageLayoutId} />
+        <PageLayoutInitializationQueryEffect
+          pageLayoutId={pageLayoutId}
+          onInitialized={onInitialized}
+        />
         <PageLayoutRendererContent />
       </TabListComponentInstanceContext.Provider>
     </PageLayoutComponentInstanceContext.Provider>