22: project timeline / Gantt view - CSS grid horizontal Gantt with sections as rows

apps/web/app/(dashboard)/projects/[id]/page.tsx

@@ -7,6 +7,7 @@ import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Progress } from "@/components/ui/progress";
 import { SectionDialog } from "@/components/projects/section-dialog";
+import { ProjectTimeline } from "@/components/projects/project-timeline";
 import Link from "next/link";
 import { toast } from "sonner";
 
@@ -290,6 +291,9 @@ export default function ProjectDetailPage() {
         </div>
       </div>
 
+      {/* Timeline */}
+      <ProjectTimeline sections={project.sections} projectTargetDate={project.targetDate} />
+
       <SectionDialog
         open={sectionDialogOpen}
         onOpenChange={setSectionDialogOpen}