Refacto/abstract inplace input (#530)

* Move code to new folder

* Deduplicate code, remove dependancy on table

* Remove more table dependency

* Move close logic to input

* Migrate editable text cell

* Rename EditableTextInput

* Fix component test id

front/src/modules/ui/components/editable-cell/EditableCellSoftFocusMode.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import { useHotkeys } from 'react-hotkeys-hook';
-import { useRecoilState } from 'recoil';
-
-import { captureHotkeyTypeInFocusState } from '@/hotkeys/states/captureHotkeyTypeInFocusState';
-import { isNonTextWritingKey } from '@/utils/hotkeys/isNonTextWritingKey';
-
-import { useEditableCell } from './hooks/useCloseEditableCell';
-import { EditableCellDisplayMode } from './EditableCellDisplayMode';
-
-export function EditableCellSoftFocusMode({
-  children,
-}: React.PropsWithChildren<unknown>) {
-  const { closeEditableCell, openEditableCell } = useEditableCell();
-  const [captureHotkeyTypeInFocus] = useRecoilState(
-    captureHotkeyTypeInFocusState,
-  );
-
-  useHotkeys(
-    'enter',
-    () => {
-      openEditableCell();
-    },
-    {
-      enableOnContentEditable: true,
-      enableOnFormTags: true,
-      preventDefault: true,
-    },
-    [closeEditableCell],
-  );
-
-  useHotkeys(
-    '*',
-    (keyboardEvent) => {
-      const isWritingText =
-        !isNonTextWritingKey(keyboardEvent.key) &&
-        !keyboardEvent.ctrlKey &&
-        !keyboardEvent.metaKey;
-
-      if (!isWritingText) {
-        return;
-      }
-
-      if (captureHotkeyTypeInFocus) {
-        return;
-      }
-      openEditableCell();
-    },
-    {
-      enableOnContentEditable: true,
-      enableOnFormTags: true,
-      preventDefault: false,
-    },
-  );
-
-  return <EditableCellDisplayMode>{children}</EditableCellDisplayMode>;
-}