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

packages/twenty-front/src/modules/object-record/components/MainContainerLayoutWithSidePanel.tsx

@@ -1,5 +1,5 @@
 import { CommandMenuForMobile } from '@/command-menu/components/CommandMenuForMobile';
-import { CommandMenuSidePanelForDesktop } from '@/command-menu/components/CommandMenuSidePanelForDesktop';
+import { SidePanelForDesktop } from '@/side-panel/components/SidePanelForDesktop';
 import { useCommandMenuHotKeys } from '@/command-menu/hooks/useCommandMenuHotKeys';
 import { PageBody } from '@/ui/layout/page/components/PageBody';
 import { styled } from '@linaria/react';
@@ -7,7 +7,7 @@ import { type ReactNode } from 'react';
 import { useIsMobile } from 'twenty-ui/utilities';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
 
-type MainContainerLayoutWithCommandMenuProps = {
+type MainContainerLayoutWithSidePanelProps = {
   children: ReactNode;
 };
 
@@ -41,9 +41,9 @@ const StyledPageBodyForMobile = styled(PageBody)`
   padding-right: ${themeCssVariables.spacing['1.5']};
 `;
 
-export const MainContainerLayoutWithCommandMenu = ({
+export const MainContainerLayoutWithSidePanel = ({
   children,
-}: MainContainerLayoutWithCommandMenuProps) => {
+}: MainContainerLayoutWithSidePanelProps) => {
   const isMobile = useIsMobile();
 
   useCommandMenuHotKeys();
@@ -60,7 +60,7 @@ export const MainContainerLayoutWithCommandMenu = ({
   return (
     <StyledMainContainerLayoutForDesktop>
       <StyledPageBodyForDesktop>{children}</StyledPageBodyForDesktop>
-      <CommandMenuSidePanelForDesktop />
+      <SidePanelForDesktop />
     </StyledMainContainerLayoutForDesktop>
   );
 };

packages/twenty-front/src/modules/object-record/components/RecordChip.tsx

@@ -1,4 +1,4 @@
-import { useOpenRecordInCommandMenu } from '@/command-menu/hooks/useOpenRecordInCommandMenu';
+import { useOpenRecordInSidePanel } from '@/side-panel/hooks/useOpenRecordInSidePanel';
 import { CoreObjectNameSingular } from 'twenty-shared/types';
 import { getLinkToShowPage } from '@/object-metadata/utils/getLinkToShowPage';
 import { useRecordChipData } from '@/object-record/hooks/useRecordChipData';
@@ -55,7 +55,7 @@ export const RecordChip = ({
     record,
   });
 
-  const { openRecordInCommandMenu } = useOpenRecordInCommandMenu();
+  const { openRecordInSidePanel } = useOpenRecordInSidePanel();
 
   const recordIndexOpenRecordIn = useAtomStateValue(
     recordIndexOpenRecordInState,
@@ -70,7 +70,7 @@ export const RecordChip = ({
     ? onClick
     : isSidePanelViewOpenRecordInType
       ? (_event: MouseEvent<HTMLElement>) => {
-          openRecordInCommandMenu({
+          openRecordInSidePanel({
             recordId: record.id,
             objectNameSingular,
           });