feat: add Opportunities Views dropdown (#1503)

* feat: add Opportunities Views dropdown

Closes #1454

* feat: persist Opportunities view filters and sorts

Closes #1456

* feat: create/edit/delete Opportunities views

Closes #1455, Closes #1457

* fix: add missing Opportunities view mock

---------

Co-authored-by: Charles Bochet <charlesBochet@users.noreply.github.com>

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

@@ -0,0 +1,56 @@
+import { type Context } from 'react';
+
+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';
+import type { FilterDefinitionByEntity } from '@/ui/view-bar/types/FilterDefinitionByEntity';
+import type { SortType } from '@/ui/view-bar/types/interface';
+import { ViewType } from '~/generated/graphql';
+
+import { useViewFilters } from './useViewFilters';
+import { useViews } from './useViews';
+import { useViewSorts } from './useViewSorts';
+
+export const useBoardViews = <Entity, SortField>({
+  availableFilters,
+  availableSorts,
+  objectId,
+  scopeContext,
+}: {
+  availableFilters: FilterDefinitionByEntity<Entity>[];
+  availableSorts: SortType<SortField>[];
+  objectId: 'company';
+  scopeContext: Context<string | null>;
+}) => {
+  const filters = useRecoilScopedValue(filtersScopedState, scopeContext);
+  const sorts = useRecoilScopedValue(sortsScopedState, scopeContext);
+
+  const { handleViewsChange, isFetchingViews } = useViews({
+    objectId,
+    onViewCreate: handleViewCreate,
+    type: ViewType.Pipeline,
+    scopeContext,
+  });
+  const { createViewFilters, persistFilters } = useViewFilters({
+    availableFilters,
+    scopeContext,
+    skipFetch: isFetchingViews,
+  });
+  const { createViewSorts, persistSorts } = useViewSorts({
+    availableSorts,
+    scopeContext,
+    skipFetch: isFetchingViews,
+  });
+
+  async function handleViewCreate(viewId: string) {
+    await createViewFilters(filters, viewId);
+    await createViewSorts(sorts, viewId);
+  }
+
+  const handleViewSubmit = async () => {
+    await persistFilters();
+    await persistSorts();
+  };
+
+  return { handleViewsChange, handleViewSubmit };
+};