Store compact view status (#3850)

* Store compact view status

* Rename to isCompact

* Fixes

---------

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

packages/twenty-front/src/modules/views/scopes/init-effect/ViewScopeInitEffect.tsx

@@ -13,6 +13,9 @@ type ViewScopeInitEffectProps = {
   onViewFiltersChange?: (filters: ViewFilter[]) => void | Promise<void>;
   onViewFieldsChange?: (fields: ViewField[]) => void | Promise<void>;
   onViewTypeChange?: (viewType: ViewType) => void | Promise<void>;
+  onViewCompactModeChange?: (
+    isCompactModeActive: boolean,
+  ) => void | Promise<void>;
 };
 
 export const ViewScopeInitEffect = ({
@@ -20,29 +23,37 @@ export const ViewScopeInitEffect = ({
   onViewFiltersChange,
   onViewFieldsChange,
   onViewTypeChange,
+  onViewCompactModeChange,
 }: ViewScopeInitEffectProps) => {
   const {
     onViewFieldsChangeState,
     onViewFiltersChangeState,
     onViewSortsChangeState,
     onViewTypeChangeState,
+    onViewCompactModeChangeState,
   } = useViewScopedStates();
 
   const setOnViewSortsChange = useSetRecoilState(onViewSortsChangeState);
   const setOnViewFiltersChange = useSetRecoilState(onViewFiltersChangeState);
   const setOnViewFieldsChange = useSetRecoilState(onViewFieldsChangeState);
   const setOnViewTypeChange = useSetRecoilState(onViewTypeChangeState);
+  const setOnViewCompactModeChange = useSetRecoilState(
+    onViewCompactModeChangeState,
+  );
 
   useEffect(() => {
     setOnViewSortsChange(() => onViewSortsChange);
     setOnViewFiltersChange(() => onViewFiltersChange);
     setOnViewFieldsChange(() => onViewFieldsChange);
     setOnViewTypeChange(() => onViewTypeChange);
+    setOnViewCompactModeChange(() => onViewCompactModeChange);
   }, [
+    onViewCompactModeChange,
     onViewFieldsChange,
     onViewFiltersChange,
     onViewSortsChange,
     onViewTypeChange,
+    setOnViewCompactModeChange,
     setOnViewFieldsChange,
     setOnViewFiltersChange,
     setOnViewSortsChange,