feat: toggle board field visibilities (#1547)

Closes #1537, Closes #1539

front/src/modules/views/hooks/useBoardViews.ts

@@ -1,5 +1,9 @@
-import { type Context } from 'react';
+import type { Context } from 'react';
 
+import type {
+  ViewFieldDefinition,
+  ViewFieldMetadata,
+} from '@/ui/editable-field/types/ViewField';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
 import { filtersScopedState } from '@/ui/view-bar/states/filtersScopedState';
 import { sortsScopedState } from '@/ui/view-bar/states/sortsScopedState';
@@ -7,6 +11,7 @@ import type { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinit
 import type { SortType } from '@/ui/view-bar/types/interface';
 import { ViewType } from '~/generated/graphql';
 
+import { useBoardViewFields } from './useBoardViewFields';
 import { useViewFilters } from './useViewFilters';
 import { useViews } from './useViews';
 import { useViewSorts } from './useViewSorts';
@@ -14,11 +19,13 @@ import { useViewSorts } from './useViewSorts';
 export const useBoardViews = <Entity, SortField>({
   availableFilters,
   availableSorts,
+  fieldDefinitions,
   objectId,
   scopeContext,
 }: {
   availableFilters: FilterDefinitionByEntity<Entity>[];
   availableSorts: SortType<SortField>[];
+  fieldDefinitions: ViewFieldDefinition<ViewFieldMetadata>[];
   objectId: 'company';
   scopeContext: Context<string | null>;
 }) => {
@@ -31,6 +38,12 @@ export const useBoardViews = <Entity, SortField>({
     type: ViewType.Pipeline,
     scopeContext,
   });
+  useBoardViewFields({
+    objectId,
+    fieldDefinitions,
+    scopeContext,
+    skipFetch: isFetchingViews,
+  });
   const { createViewFilters, persistFilters } = useViewFilters({
     availableFilters,
     scopeContext,