feat(web): project detail views — missions, tasks, PRD viewer (#122) (#140)

Co-authored-by: Jason Woltje <jason@diversecanvas.com>
Co-committed-by: Jason Woltje <jason@diversecanvas.com>

apps/web/src/app/(dashboard)/projects/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useCallback, useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
 import { api } from '@/lib/api';
 import type { Project } from '@/lib/types';
 import { ProjectCard } from '@/components/projects/project-card';
@@ -8,6 +9,7 @@ import { ProjectCard } from '@/components/projects/project-card';
 export default function ProjectsPage(): React.ReactElement {
   const [projects, setProjects] = useState<Project[]>([]);
   const [loading, setLoading] = useState(true);
+  const router = useRouter();
 
   useEffect(() => {
     api<Project[]>('/api/projects')
@@ -16,9 +18,12 @@ export default function ProjectsPage(): React.ReactElement {
       .finally(() => setLoading(false));
   }, []);
 
-  const handleProjectClick = useCallback((project: Project) => {
-    console.log('Project clicked:', project.id);
-  }, []);
+  const handleProjectClick = useCallback(
+    (project: Project) => {
+      router.push(`/projects/${project.id}`);
+    },
+    [router],
+  );
 
   return (
     <div>