feat: connect task board and status workflow

app/dashboard/page.tsx

@@ -1,54 +1,10 @@
-"use client";
-
-import { useState } from "react";
-import Column from "@/components/Column";
-import AddTaskForm from "@/components/AddTaskForm";
+import Board from "@/components/Board";
 
 export default function Dashboard() {
-  const [tasks, setTasks] = useState({
-    todo: [
-      {
-        title: "Finish lab",
-        description: "Complete physics lab report",
-        dueDate: "2026-08-10",
-        topic: "Physics",
-      },
-      {
-        title: "Study Next.js",
-        description: "Learn routing and layouts",
-        dueDate: "2026-08-08",
-        topic: "Coding",
-      },
-    ],
-    inProgress: [],
-    done: [],
-  });
-
-  const [showForm, setShowForm] = useState(false);
-
-  const addTask = (task: any) => {
-    setTasks((prev) => ({
-      ...prev,
-      todo: [...prev.todo, task],
-    }));
-  };
-
   return (
     <main style={styles.container}>
       <h1 style={styles.title}>Planner Danner</h1>
-
-      <div style={styles.board}>
-        <Column title="To Do" tasks={tasks.todo} onAdd={() => setShowForm(true)} />
-        <Column title="In Progress" tasks={tasks.inProgress} />
-        <Column title="Done" tasks={tasks.done} />
-      </div>
-
-      {showForm && (
-        <AddTaskForm
-          onSubmit={addTask}
-          onClose={() => setShowForm(false)}
-        />
-      )}
+      <Board />
     </main>
   );
 }
@@ -71,10 +27,4 @@ const styles = {
     `,
     marginBottom: "30px",
   },
-  board: {
-    display: "flex",
-    gap: "20px",
-    justifyContent: "center",
-  },
 };
-