8978 add navigation inside the command menu for showpage (#9103)

Closes #8978

- Added new options in the actions config files: `shortLabel`,
`availableOn`
- Added two actions: Navigate to previous records and Navigate to next
records
- Modified `useRecordShowPagePagination` to loop on records when we are
on first record and we hit previous or when we are on last record and we
hit next
- Introduced a new component state
`contextStoreCurrentViewTypeComponentState`

packages/twenty-front/src/pages/object-record/RecordIndexPage.tsx

@@ -86,6 +86,7 @@ export const RecordIndexPage = () => {
                   <RecordIndexContainerContextStoreObjectMetadataEffect />
                   <RecordIndexContainerContextStoreNumberOfSelectedRecordsEffect />
                   <MainContextStoreComponentInstanceIdSetterEffect />
+
                   <RecordIndexContainer />
                 </StyledIndexContainer>
               </PageBody>

packages/twenty-front/src/pages/object-record/RecordShowPage.tsx

@@ -3,7 +3,9 @@ import { useParams } from 'react-router-dom';
 import { RecordShowActionMenu } from '@/action-menu/components/RecordShowActionMenu';
 import { ActionMenuComponentInstanceContext } from '@/action-menu/states/contexts/ActionMenuComponentInstanceContext';
 import { TimelineActivityContext } from '@/activities/timeline-activities/contexts/TimelineActivityContext';
+import { ContextStoreCurrentViewTypeEffect } from '@/context-store/components/ContextStoreCurrentViewTypeEffect';
 import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { ContextStoreViewType } from '@/context-store/types/ContextStoreViewType';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { RecordShowContainer } from '@/object-record/record-show/components/RecordShowContainer';
 import { useRecordShowPage } from '@/object-record/record-show/hooks/useRecordShowPage';
@@ -54,6 +56,9 @@ export const RecordShowPage = () => {
           value={{ instanceId: `record-show-${objectRecordId}` }}
         >
           <RecordValueSetterEffect recordId={objectRecordId} />
+          <ContextStoreCurrentViewTypeEffect
+            viewType={ContextStoreViewType.ShowPage}
+          />
           <PageContainer>
             <PageTitle title={pageTitle} />
             <RecordShowPageHeader

packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx

@@ -14,8 +14,6 @@ export const RecordShowPageHeader = ({
 }) => {
   const {
     viewName,
-    hasPreviousRecord,
-    hasNextRecord,
     navigateToPreviousRecord,
     navigateToNextRecord,
     navigateToIndexView,
@@ -29,9 +27,7 @@ export const RecordShowPageHeader = ({
       hasPaginationButtons
       hasClosePageButton
       onClosePage={navigateToIndexView}
-      hasPreviousRecord={hasPreviousRecord}
       navigateToPreviousRecord={navigateToPreviousRecord}
-      hasNextRecord={hasNextRecord}
       navigateToNextRecord={navigateToNextRecord}
       Icon={headerIcon}
     >