Refacto views (#10272)

In this huge (sorry!) PR:
- introducing objectMetadataItem in contextStore instead of
objectMetadataId which is more convenient
- splitting some big hooks into smaller parts to avoid re-renders
- removing Effects to avoid re-renders (especially onViewChange)
- making the view prefetch separate from favorites to avoid re-renders
- making the view prefetch load a state and add selectors on top of it
to avoir re-renders

As a result, the performance is WAY better (I suspect the favorite
implementation to trigger a lot of re-renders unfortunately).
However, we are still facing a random app freeze on view creation. I
could not investigate the root cause. As this seems to be already there
in the precedent release, we can move forward but this seems a urgent
follow up to me ==> EDIT: I've found the root cause after a few ours of
deep dive... an infinite loop in RecordTableNoRecordGroupBodyEffect...

prastoin edit: close https://github.com/twentyhq/twenty/issues/10253

---------

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

packages/twenty-front/src/modules/context-store/states/contextStoreCurrentObjectMetadataItemComponentState.ts

@@ -1,9 +1,10 @@
 import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { createComponentStateV2 } from '@/ui/utilities/state/component-state/utils/createComponentStateV2';
 
-export const contextStoreCurrentObjectMetadataIdComponentState =
-  createComponentStateV2<string | null>({
-    key: 'contextStoreCurrentObjectMetadataIdComponentState',
-    defaultValue: null,
+export const contextStoreCurrentObjectMetadataItemComponentState =
+  createComponentStateV2<ObjectMetadataItem | undefined>({
+    key: 'contextStoreCurrentObjectMetadataItemComponentState',
+    defaultValue: undefined,
     componentInstanceContext: ContextStoreComponentInstanceContext,
   });

packages/twenty-front/src/modules/context-store/states/contextStoreCurrentViewIdComponentState.ts

@@ -2,9 +2,9 @@ import { ContextStoreComponentInstanceContext } from '@/context-store/states/con
 import { createComponentStateV2 } from '@/ui/utilities/state/component-state/utils/createComponentStateV2';
 
 export const contextStoreCurrentViewIdComponentState = createComponentStateV2<
-  string | null
+  string | undefined
 >({
   key: 'contextStoreCurrentViewIdComponentState',
-  defaultValue: null,
+  defaultValue: undefined,
   componentInstanceContext: ContextStoreComponentInstanceContext,
 });