refactor!: rename Command Menu page/navigation layer to Side Panel (#18393)

packages/twenty-front/src/modules/command-menu-item/hooks/useCommandMenuItemFrontComponentActions.tsx

@@ -3,7 +3,7 @@ import { HeadlessFrontComponentAction } from '@/action-menu/actions/display/comp
 import { ActionScope } from '@/action-menu/actions/types/ActionScope';
 import { ActionType } from '@/action-menu/actions/types/ActionType';
 import { ActionMenuContext } from '@/action-menu/contexts/ActionMenuContext';
-import { useOpenFrontComponentInCommandMenu } from '@/command-menu/hooks/useOpenFrontComponentInCommandMenu';
+import { useOpenFrontComponentInSidePanel } from '@/side-panel/hooks/useOpenFrontComponentInSidePanel';
 import { contextStoreCurrentObjectMetadataItemIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataItemIdComponentState';
 import { contextStoreIsPageInEditModeComponentState } from '@/context-store/states/contextStoreIsPageInEditModeComponentState';
 import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
@@ -40,7 +40,7 @@ type BuildActionFromItemParams = {
   index: number;
   isPinned: boolean;
   getIcon: ReturnType<typeof useIcons>['getIcon'];
-  openFrontComponentInCommandMenu: (params: {
+  openFrontComponentInSidePanel: (params: {
     frontComponentId: string;
     pageTitle: string;
     pageIcon: IconComponent;
@@ -65,7 +65,7 @@ const buildActionFromItem = ({
   index,
   isPinned,
   getIcon,
-  openFrontComponentInCommandMenu,
+  openFrontComponentInSidePanel,
   mountHeadlessFrontComponent,
   mountContext,
   commandMenuContextApi,
@@ -80,7 +80,7 @@ const buildActionFromItem = ({
     if (isHeadless) {
       mountHeadlessFrontComponent(item.frontComponentId, mountContext);
     } else {
-      openFrontComponentInCommandMenu({
+      openFrontComponentInSidePanel({
         frontComponentId: item.frontComponentId,
         pageTitle: displayLabel,
         pageIcon: Icon,
@@ -123,8 +123,7 @@ export const useCommandMenuItemFrontComponentActions = (
   commandMenuContextApi: CommandMenuContextApi,
 ) => {
   const { getIcon } = useIcons();
-  const { openFrontComponentInCommandMenu } =
-    useOpenFrontComponentInCommandMenu();
+  const { openFrontComponentInSidePanel } = useOpenFrontComponentInSidePanel();
   const mountHeadlessFrontComponent = useMountHeadlessFrontComponent();
 
   const contextStoreIsPageInEditMode = useAtomComponentStateValue(
@@ -208,7 +207,7 @@ export const useCommandMenuItemFrontComponentActions = (
       index,
       isPinned: !contextStoreIsPageInEditMode && item.isPinned,
       getIcon,
-      openFrontComponentInCommandMenu,
+      openFrontComponentInSidePanel,
       mountHeadlessFrontComponent,
       commandMenuContextApi,
     }),
@@ -221,7 +220,7 @@ export const useCommandMenuItemFrontComponentActions = (
       index,
       isPinned: !contextStoreIsPageInEditMode && item.isPinned,
       getIcon,
-      openFrontComponentInCommandMenu,
+      openFrontComponentInSidePanel,
       mountHeadlessFrontComponent,
       commandMenuContextApi,
       mountContext,