282 on opportunities page data pipeline + companies + people is fetched from be (#285)

* feature: get pipelines columns from backend

* feature: display item not found instead of crashing

* feature: add BoardCard component

* feature: display items from the backend

* refactor: extract useBoard in a hook

* refactor: export only loading and error from useBoard

* refactor: create var pipelineStage

* feature: implement support for Company boards

front/src/pages/opportunities/Opportunities.tsx

@@ -2,13 +2,16 @@ import { IconTarget } from '@/ui/icons/index';
 import { WithTopBarContainer } from '@/ui/layout/containers/WithTopBarContainer';
 import { AppPage } from '~/AppPage';
 
-import {
-  initialBoard,
-  items,
-} from '../../modules/opportunities/components/__stories__/mock-data';
 import { Board } from '../../modules/opportunities/components/Board';
+import { useBoard } from '../../modules/opportunities/hooks/useBoard';
 
 export function Opportunities() {
+  const { initialBoard, items, loading, error } = useBoard();
+
+  if (loading) return <div>Loading...</div>;
+  if (error) return <div>Error...</div>;
+  if (!initialBoard || !items)
+    return <div>Initial board or items not found</div>;
   return (
     <AppPage>
       <WithTopBarContainer title="Opportunities" icon={<IconTarget />}>