fix: boards rerender optimization

src/app/deals/components/shared/Boards/Boards.tsx

@@ -11,7 +11,7 @@ import { BoardSchema } from "@/lib/client";
 import styles from "./Boards.module.css";
 
 const Boards = () => {
-    const { boards, setSelectedBoard, onUpdateBoard } = useBoardsContext();
+    const { boards, setSelectedBoardId, onUpdateBoard } = useBoardsContext();
     const isMobile = useIsMobile();
 
     const renderBoard = (board: BoardSchema) => <Board board={board} />;
@@ -21,7 +21,7 @@ const Boards = () => {
     };
 
     const selectBoard = (board: BoardSchema) => {
-        setSelectedBoard(board);
+        setSelectedBoardId(board.id);
     };
 
     return (

src/app/deals/components/shared/Header/Header.tsx

@@ -11,7 +11,7 @@ import useIsMobile from "@/hooks/useIsMobile";
 const Header = () => {
     const {
         projects,
-        setSelectedProject,
+        setSelectedProjectId,
         selectedProject,
         setIsEditorDrawerOpened: setIsProjectsDrawerOpened,
     } = useProjectsContext();
@@ -35,7 +35,9 @@ const Header = () => {
                     <ProjectSelect
                         data={projects}
                         value={selectedProject}
-                        onChange={value => value && setSelectedProject(value)}
+                        onChange={value =>
+                            value && setSelectedProjectId(value.id)
+                        }
                         style={{ minWidth: 200 }}
                     />
                 </Flex>