584 Refactor Tabs (#11008)

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

This PR:
- Migrates the component state `activeTabIdComponentState` from the
deprecated V1 version to V2.
- Allows the active tab state to be preserved during navigation inside
the side panel and reset when the side panel is closed.
- Allows the active tab state to be preserved when we open a record in
full page from the side panel


https://github.com/user-attachments/assets/f2329d7a-ea15-4bd8-81dc-e98ce11edbd0


https://github.com/user-attachments/assets/474bffd5-29e0-40ba-97f4-fa5e9be34dc2

packages/twenty-front/src/modules/action-menu/components/RecordShowRightDrawerOpenRecordButton.tsx

@@ -1,15 +1,22 @@
 import { CommandMenuActionMenuDropdownHotkeyScope } from '@/action-menu/types/CommandMenuActionMenuDropdownHotkeyScope';
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
+import { CommandMenuPageComponentInstanceContext } from '@/command-menu/states/contexts/CommandMenuPageComponentInstanceContext';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { getLinkToShowPage } from '@/object-metadata/utils/getLinkToShowPage';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { AppPath } from '@/types/AppPath';
+import { getShowPageTabListComponentId } from '@/ui/layout/show-page/utils/getShowPageTabListComponentId';
+import { activeTabIdComponentState } from '@/ui/layout/tab/states/activeTabIdComponentState';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { AppHotkeyScope } from '@/ui/utilities/hotkey/types/AppHotkeyScope';
+import { useComponentInstanceStateContext } from '@/ui/utilities/state/component-state/hooks/useComponentInstanceStateContext';
+import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
+import { useSetRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentStateV2';
 import styled from '@emotion/styled';
+import { useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { Button, IconBrowserMaximize, getOsControlSymbol } from 'twenty-ui';
 import { useNavigateApp } from '~/hooks/useNavigateApp';
-
 const StyledLink = styled(Link)`
   text-decoration: none;
 `;
@@ -25,17 +32,58 @@ export const RecordShowRightDrawerOpenRecordButton = ({
 }: RecordShowRightDrawerOpenRecordButtonProps) => {
   const { closeCommandMenu } = useCommandMenu();
 
+  const commandMenuPageComponentInstance = useComponentInstanceStateContext(
+    CommandMenuPageComponentInstanceContext,
+  );
+
+  const tabListComponentId = getShowPageTabListComponentId({
+    pageId: commandMenuPageComponentInstance?.instanceId,
+    targetObjectId: record.id,
+  });
+
+  const activeTabIdInRightDrawer = useRecoilComponentValueV2(
+    activeTabIdComponentState,
+    tabListComponentId,
+  );
+
+  const tabListComponentIdInRecordPage = getShowPageTabListComponentId({
+    targetObjectId: record.id,
+  });
+
+  const setActiveTabIdInRecordPage = useSetRecoilComponentStateV2(
+    activeTabIdComponentState,
+    tabListComponentIdInRecordPage,
+  );
+
   const to = getLinkToShowPage(objectNameSingular, record);
 
   const navigate = useNavigateApp();
 
-  const handleOpenRecord = () => {
+  const handleOpenRecord = useCallback(() => {
+    const tabIdToOpen =
+      activeTabIdInRightDrawer === 'home'
+        ? objectNameSingular === CoreObjectNameSingular.Note ||
+          objectNameSingular === CoreObjectNameSingular.Task
+          ? 'richText'
+          : 'timeline'
+        : activeTabIdInRightDrawer;
+
+    setActiveTabIdInRecordPage(tabIdToOpen);
+
     navigate(AppPath.RecordShowPage, {
       objectNameSingular,
       objectRecordId: record.id,
     });
+
     closeCommandMenu();
-  };
+  }, [
+    activeTabIdInRightDrawer,
+    closeCommandMenu,
+    navigate,
+    objectNameSingular,
+    record.id,
+    setActiveTabIdInRecordPage,
+  ]);
 
   useScopedHotkeys(
     ['ctrl+Enter,meta+Enter'],