9426 migrate workflow pages to command menu (#9515)

Closes twentyhq/core-team-issues#53 

- Removes command menu top bar text input when the user is not on root
page
- Fixes bug when resetting command menu context
- Added animations on command menu open and close
- Refactored workflow visualizer code to remove unnecessary rerenders
and props drilling


https://github.com/user-attachments/assets/1da3adb8-220b-407b-9279-30354d3100d3

packages/twenty-front/src/modules/workflow/workflow-diagram/hooks/useRightDrawerState.ts

@@ -0,0 +1,43 @@
+import { isCommandMenuOpenedState } from '@/command-menu/states/isCommandMenuOpenedState';
+import { CommandMenuAnimationVariant } from '@/command-menu/types/CommandMenuAnimationVariant';
+import { isRightDrawerMinimizedState } from '@/ui/layout/right-drawer/states/isRightDrawerMinimizedState';
+import { isRightDrawerOpenState } from '@/ui/layout/right-drawer/states/isRightDrawerOpenState';
+import { RightDrawerAnimationVariant } from '@/ui/layout/right-drawer/types/RightDrawerAnimationVariant';
+import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
+import { useRecoilValue } from 'recoil';
+import { useIsMobile } from 'twenty-ui';
+import { FeatureFlagKey } from '~/generated/graphql';
+
+export const useRightDrawerState = (): {
+  rightDrawerState: RightDrawerAnimationVariant | CommandMenuAnimationVariant;
+} => {
+  const isRightDrawerOpen = useRecoilValue(isRightDrawerOpenState);
+  const isRightDrawerMinimized = useRecoilValue(isRightDrawerMinimizedState);
+  const isMobile = useIsMobile();
+
+  const isCommandMenuV2Enabled = useIsFeatureEnabled(
+    FeatureFlagKey.IsCommandMenuV2Enabled,
+  );
+
+  const isCommandMenuOpened = useRecoilValue(isCommandMenuOpenedState);
+
+  if (isMobile) {
+    return {
+      rightDrawerState: 'fullScreen',
+    };
+  }
+
+  if (isCommandMenuV2Enabled) {
+    return {
+      rightDrawerState: isCommandMenuOpened ? 'normal' : 'closed',
+    };
+  }
+
+  return {
+    rightDrawerState: !isRightDrawerOpen
+      ? 'closed'
+      : isRightDrawerMinimized
+        ? 'minimized'
+        : 'normal',
+  };
+};