Refactor Views by cleaning the code, relying on apolloCache and improving performances (#4516)

* Wip refactoring view

* Post merge conflicts

* Fix review

* Add create view capability

* Fix create object missing view

* Fix tests

packages/twenty-front/src/modules/spreadsheet-import/hooks/__tests__/useSpreadsheetImport.test.tsx

@@ -44,7 +44,7 @@ describe('useSpreadsheetImport', () => {
     const { result } = renderHook(
       () => ({
         useSpreadsheetImport: useSpreadsheetImport<SpreadsheetKey>(),
-        spreadsheetImportState: useRecoilState(spreadsheetImportState())[0],
+        spreadsheetImportState: useRecoilState(spreadsheetImportState)[0],
       }),
       {
         wrapper: Wrapper,

packages/twenty-front/src/modules/spreadsheet-import/hooks/useSpreadsheetImport.ts

@@ -4,7 +4,7 @@ import { spreadsheetImportState } from '@/spreadsheet-import/states/spreadsheetI
 import { SpreadsheetOptions } from '@/spreadsheet-import/types';
 
 export const useSpreadsheetImport = <T extends string>() => {
-  const setSpreadSheetImport = useSetRecoilState(spreadsheetImportState());
+  const setSpreadSheetImport = useSetRecoilState(spreadsheetImportState);
 
   const openSpreadsheetImport = (
     options: Omit<SpreadsheetOptions<T>, 'isOpen' | 'onClose'>,

packages/twenty-front/src/modules/spreadsheet-import/provider/components/SpreadsheetImportProvider.tsx

@@ -11,7 +11,7 @@ export const SpreadsheetImportProvider = (
   props: SpreadsheetImportProviderProps,
 ) => {
   const [spreadsheetImport, setSpreadsheetImport] = useRecoilState(
-    spreadsheetImportState(),
+    spreadsheetImportState,
   );
 
   const handleClose = () => {