Feat/improve new views (#2298)

* POC new recoil injected scoped states

* Finished useViewScopedState refactor

* Finished refactor

* Renamed mappers

* Fixed update view fields bug

* Post merge

* Complete refactor

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/views/states/selectors/currentViewScopedSelector.ts

@@ -1,22 +1,23 @@
-import { selectorFamily } from 'recoil';
-
+import { createScopedSelector } from '@/ui/utilities/recoil-scope/utils/createScopedSelector';
 import { View } from '@/views/types/View';
 
 import { currentViewIdScopedState } from '../currentViewIdScopedState';
 
 import { viewsByIdScopedSelector } from './viewsByIdScopedSelector';
 
-export const currentViewScopedSelector = selectorFamily<
-  View | undefined,
-  string
->({
-  key: 'currentViewScopedSelector',
-  get:
-    (scopeId) =>
-    ({ get }) => {
-      const currentViewId = get(currentViewIdScopedState({ scopeId: scopeId }));
-      return currentViewId
-        ? get(viewsByIdScopedSelector(scopeId))[currentViewId]
-        : undefined;
-    },
-});
+export const currentViewScopedSelector = createScopedSelector<View | undefined>(
+  {
+    key: 'currentViewScopedSelector',
+    get:
+      ({ scopeId }: { scopeId: string }) =>
+      ({ get }) => {
+        const currentViewId = get(
+          currentViewIdScopedState({ scopeId: scopeId }),
+        );
+
+        return currentViewId
+          ? get(viewsByIdScopedSelector(scopeId))[currentViewId]
+          : undefined;
+      },
+  },
+);

front/src/modules/views/states/selectors/savedViewFieldByKeyScopedFamilySelector.ts

@@ -18,6 +18,7 @@ export const savedViewFieldByKeyScopedFamilySelector = selectorFamily({
       if (viewId === undefined) {
         return undefined;
       }
+
       return get(
         savedViewFieldsScopedFamilyState({
           scopeId: viewScopeId,