Improve viewbar api (#2233)

* create scopes

* fix import bug

* add useView hook

* wip

* wip

* currentViewId is now retrieved via useView

* working on sorts with useView

* refactor in progress

* refactor in progress

* refactor in progress

* refactor in progress

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* fix code

* fix code

* wip

* push

* Fix issue dependencies

* Fix resize

---------

Co-authored-by: bosiraphael <raphael.bosi@gmail.com>

front/src/testing/mock-data/companies.ts

@@ -1,4 +1,4 @@
-import { companiesAvailableColumnDefinitions } from '@/companies/constants/companiesAvailableColumnDefinitions';
+import { companiesAvailableFieldDefinitions } from '@/companies/constants/companiesAvailableFieldDefinitions';
 import { pipelineAvailableFieldDefinitions } from '@/pipeline/constants/pipelineAvailableFieldDefinitions';
 import {
   Company,
@@ -192,16 +192,15 @@ export const mockedCompanyTableViews: View[] = [
   },
 ];
 
-export const mockedCompanyTableColumns =
-  companiesAvailableColumnDefinitions.map<Omit<ViewField, 'view'>>(
-    (viewFieldDefinition) => ({
-      __typename: 'ViewField',
-      name: viewFieldDefinition.name,
-      index: viewFieldDefinition.index,
-      isVisible: true,
-      key: viewFieldDefinition.key,
-      objectId: 'company',
-      size: viewFieldDefinition.size,
-      viewId: mockedCompanyTableViews[0].id,
-    }),
-  );
+export const mockedCompanyTableColumns = companiesAvailableFieldDefinitions.map<
+  Omit<ViewField, 'view'>
+>((viewFieldDefinition) => ({
+  __typename: 'ViewField',
+  name: viewFieldDefinition.name,
+  index: viewFieldDefinition.index,
+  isVisible: true,
+  key: viewFieldDefinition.key,
+  objectId: 'company',
+  size: viewFieldDefinition.size,
+  viewId: mockedCompanyTableViews[0].id,
+}));