Working full height board

src/components/view/board/BoardView.tsx

@@ -43,16 +43,16 @@ export default function BoardView({
   }));
 
   return (
-    <div className="w-full h-full flex flex-col gap-6">
+    <div className="w-full h-full flex flex-col gap-6 overflow-hidden flex-1">
       <DragDropContext onDragEnd={onDragEnd}>
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-start flex-1 h-full">
           {tasksByStatus.map(({ status, tasks: statusTasks }) => (
             <Droppable key={status.id} droppableId={status.id}>
               {(provided) => (
                 <Card
                   ref={provided.innerRef}
                   {...provided.droppableProps}
-                  className="bg-background"
+                  className="bg-background h-full flex flex-col overflow-hidden"
                 >
                   <CardHeader>
                     <CardTitle className="flex items-center justify-between">
@@ -67,7 +67,7 @@ export default function BoardView({
                       </Button>
                     </CardTitle>
                   </CardHeader>
-                  <CardContent>
+                  <CardContent className="flex-1 overflow-y-auto">
                     <div className="flex flex-col gap-3">
                       {statusTasks.map((task, index) => (
                         <Draggable