Replace hotkey scopes by focus stack (Part 6 - Remove Hotkey scopes 🫳🎤) (#13127)

# Replace hotkey scopes by focus stack (Part 6 - Remove Hotkey scopes)

This PR is the last part of a refactoring aiming to deprecate the hotkey
scopes api in favor of the new focus stack api which is more robust.
Part 1: https://github.com/twentyhq/twenty/pull/12673
Part 2: https://github.com/twentyhq/twenty/pull/12798
Part 3: https://github.com/twentyhq/twenty/pull/12910
Part 4: https://github.com/twentyhq/twenty/pull/12933
Part 5: https://github.com/twentyhq/twenty/pull/13106

In this part, we completely remove the hotkey scopes.

packages/twenty-front/src/modules/ui/field/input/components/DateInput.tsx

@@ -1,14 +1,13 @@
 import { useRef, useState } from 'react';
 
 import { useRegisterInputEvents } from '@/object-record/record-field/meta-types/input/hooks/useRegisterInputEvents';
-import { TableHotkeyScope } from '@/object-record/record-table/types/TableHotkeyScope';
 import {
   DateTimePicker,
   MONTH_AND_YEAR_DROPDOWN_MONTH_SELECT_ID,
   MONTH_AND_YEAR_DROPDOWN_YEAR_SELECT_ID,
 } from '@/ui/input/components/internal/date/components/InternalDatePicker';
 import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown';
-import { currentHotkeyScopeState } from '@/ui/utilities/hotkey/states/internal/currentHotkeyScopeState';
+import { currentFocusIdSelector } from '@/ui/utilities/focus/states/currentFocusIdSelector';
 import { useRecoilCallback } from 'recoil';
 import { Nullable } from 'twenty-ui/utilities';
 
@@ -27,7 +26,6 @@ export type DateInputProps = {
   onClear?: () => void;
   onSubmit?: (newDate: Nullable<Date>) => void;
   hideHeaderInput?: boolean;
-  hotkeyScope: string;
 };
 
 export const DateInput = ({
@@ -42,7 +40,6 @@ export const DateInput = ({
   onClear,
   onSubmit,
   hideHeaderInput,
-  hotkeyScope,
 }: DateInputProps) => {
   const [internalValue, setInternalValue] = useState(value);
 
@@ -83,17 +80,18 @@ export const DateInput = ({
   const handleClickOutside = useRecoilCallback(
     ({ snapshot }) =>
       (event: MouseEvent | TouchEvent) => {
-        const hotkeyScope = snapshot
-          .getLoadable(currentHotkeyScopeState)
+        const currentFocusId = snapshot
+          .getLoadable(currentFocusIdSelector)
           .getValue();
 
-        if (hotkeyScope?.scope === TableHotkeyScope.CellEditMode) {
+        if (currentFocusId === instanceId) {
           closeDropdownYearSelect(MONTH_AND_YEAR_DROPDOWN_YEAR_SELECT_ID);
           closeDropdownMonthSelect(MONTH_AND_YEAR_DROPDOWN_MONTH_SELECT_ID);
           onClickOutside(event, internalValue);
         }
       },
     [
+      instanceId,
       closeDropdownYearSelect,
       closeDropdownMonthSelect,
       onClickOutside,
@@ -108,7 +106,6 @@ export const DateInput = ({
     onEnter: handleEnter,
     onEscape: handleEscape,
     onClickOutside: handleClickOutside,
-    hotkeyScope: hotkeyScope,
   });
 
   return (