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/modules/ui/layout/board/components/EntityBoard.tsx

@@ -6,7 +6,6 @@ import { useRecoilValue } from 'recoil';
 
 import { GET_PIPELINE_PROGRESS } from '@/pipeline/graphql/queries/getPipelineProgress';
 import { PageHotkeyScope } from '@/types/PageHotkeyScope';
-import { BoardHeader } from '@/ui/layout/board/components/BoardHeader';
 import { StyledBoard } from '@/ui/layout/board/components/StyledBoard';
 import { BoardColumnContext } from '@/ui/layout/board/contexts/BoardColumnContext';
 import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
@@ -44,14 +43,13 @@ const StyledWrapper = styled.div`
   width: 100%;
 `;
 
-const StyledBoardHeader = styled(BoardHeader)`
+const StyledBoardHeader = styled.div`
   position: relative;
   z-index: 1;
-` as typeof BoardHeader;
+`;
 
 export const EntityBoard = ({
   boardOptions,
-  onColumnAdd,
   onColumnDelete,
   onEditColumnTitle,
 }: EntityBoardProps) => {
@@ -147,7 +145,7 @@ export const EntityBoard = ({
 
   return (boardColumns?.length ?? 0) > 0 ? (
     <StyledWrapper>
-      <StyledBoardHeader onStageAdd={onColumnAdd} />
+      <StyledBoardHeader />
       <ScrollWrapper>
         <StyledBoard ref={boardRef}>
           <DragDropContext onDragEnd={onDragEnd}>