Fixed hydration errors

src/components/view/board/BoardView.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import {
   Card,
   CardHeader,
@@ -31,6 +31,13 @@ const id = (prefix = "t") =>
 
 export default function BoardView() {
   const [columns, setColumns] = useState<Record<string, Task[]>>({
+    todo: [],
+    inprogress: [],
+    done: [],
+  });
+
+  useEffect(() => {
+    setColumns({
       todo: [
         { id: id(), title: "Buy groceries" },
         { id: id(), title: "Plan sprint" },
@@ -51,6 +58,7 @@ export default function BoardView() {
       ],
       done: [],
     });
+  }, []);
 
   function onDragEnd(result: any) {
     const { source, destination } = result;
@@ -87,7 +95,7 @@ export default function BoardView() {
                 <Card
                   ref={provided.innerRef}
                   {...provided.droppableProps}
-                  className="min-h-[170px] bg-background"
+                  className="bg-background"
                 >
                   <CardHeader>
                     <CardTitle className="flex items-center justify-between">