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/modules/action-menu/components/RecordShowActionMenuButtons.tsx

@@ -1,7 +1,7 @@
 import { actionMenuEntriesComponentSelector } from '@/action-menu/states/actionMenuEntriesComponentSelector';
 import { PageHeaderOpenCommandMenuButton } from '@/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
-import { Button, useIsMobile } from 'twenty-ui';
+import { Button, IconButton, useIsMobile } from 'twenty-ui';
 
 export const RecordShowActionMenuButtons = () => {
   const actionMenuEntries = useRecoilComponentValueV2(
@@ -15,18 +15,29 @@ export const RecordShowActionMenuButtons = () => {
   return (
     <>
       {!isMobile &&
-        pinnedEntries.map((entry, index) => (
-          <Button
-            key={index}
-            Icon={entry.Icon}
-            size="small"
-            variant="secondary"
-            accent="default"
-            title={entry.label}
-            onClick={() => entry.onClick?.()}
-            ariaLabel={entry.label}
-          />
-        ))}
+        pinnedEntries.map((entry, index) =>
+          entry.shortLabel ? (
+            <Button
+              key={index}
+              Icon={entry.Icon}
+              size="small"
+              variant="secondary"
+              accent="default"
+              title={entry.shortLabel}
+              onClick={() => entry.onClick?.()}
+              ariaLabel={entry.label}
+            />
+          ) : (
+            <IconButton
+              Icon={entry.Icon}
+              size="small"
+              variant="secondary"
+              accent="default"
+              onClick={() => entry.onClick?.()}
+              ariaLabel={entry.label}
+            />
+          ),
+        )}
       <PageHeaderOpenCommandMenuButton key="more" />
     </>
   );