Add tab hotkey on table page (#457)

* wip

* wip

* - Added scopes on useHotkeys
- Use new EditableCellV2
- Implemented Recoil Scoped State with specific context
- Implemented soft focus position
- Factorized open/close editable cell
- Removed editable relation old components
- Broke down entity table into multiple components
- Added Recoil Scope by CellContext
- Added Recoil Scope by RowContext

* First working version

* Use a new EditableCellSoftFocusMode

* Fixed initialize soft focus

* Fixed enter mode

* Added TODO

* Fix

* Fixes

* Fix tests

* Fix lint

* Fixes

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

front/src/modules/ui/hooks/RecoilScope.tsx

@@ -1,14 +0,0 @@
-import { useState } from 'react';
-import { v4 } from 'uuid';
-
-import { RecoilScopeContext } from './RecoilScopeContext';
-
-export function RecoilScope({ children }: { children: React.ReactNode }) {
-  const [currentScopeId] = useState(v4());
-
-  return (
-    <RecoilScopeContext.Provider value={currentScopeId}>
-      {children}
-    </RecoilScopeContext.Provider>
-  );
-}

front/src/modules/ui/hooks/RecoilScopeContext.ts

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const RecoilScopeContext = createContext<string | null>(null);

front/src/modules/ui/hooks/useRecoilScopedState.ts

@@ -1,17 +0,0 @@
-import { useContext } from 'react';
-import { RecoilState, useRecoilState } from 'recoil';
-
-import { RecoilScopeContext } from './RecoilScopeContext';
-
-export function useRecoilScopedState<T>(
-  recoilState: (param: string) => RecoilState<T>,
-) {
-  const recoilScopeId = useContext(RecoilScopeContext);
-
-  if (!recoilScopeId)
-    throw new Error(
-      `Using a scoped atom without a RecoilScope : ${recoilState('').key}`,
-    );
-
-  return useRecoilState<T>(recoilState(recoilScopeId));
-}

front/src/modules/ui/hooks/useRecoilScopedValue.ts

@@ -1,17 +0,0 @@
-import { useContext } from 'react';
-import { RecoilState, useRecoilValue } from 'recoil';
-
-import { RecoilScopeContext } from './RecoilScopeContext';
-
-export function useRecoilScopedValue<T>(
-  recoilState: (param: string) => RecoilState<T>,
-) {
-  const recoilScopeId = useContext(RecoilScopeContext);
-
-  if (!recoilScopeId)
-    throw new Error(
-      `Using a scoped atom without a RecoilScope : ${recoilState('').key}`,
-    );
-
-  return useRecoilValue<T>(recoilState(recoilScopeId));
-}