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

packages/twenty-front/src/modules/side-panel/components/SidePanelTopBarInputFocusEffect.tsx

@@ -0,0 +1,25 @@
+import { sidePanelPageState } from '@/side-panel/states/sidePanelPageState';
+import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue';
+import { useEffect } from 'react';
+import { SidePanelPages } from 'twenty-shared/types';
+
+type SidePanelTopBarInputFocusEffectProps = {
+  inputRef: React.RefObject<HTMLInputElement>;
+};
+
+export const SidePanelTopBarInputFocusEffect = ({
+  inputRef,
+}: SidePanelTopBarInputFocusEffectProps) => {
+  const sidePanelPage = useAtomStateValue(sidePanelPageState);
+
+  useEffect(() => {
+    if (
+      sidePanelPage === SidePanelPages.Root ||
+      sidePanelPage === SidePanelPages.SearchRecords
+    ) {
+      inputRef.current?.focus();
+    }
+  }, [sidePanelPage, inputRef]);
+
+  return null;
+};