feat(roadmaps): Steckbrett-Board mit SVG-Kanten, Detail-Panel und Abschluss-Automatik

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/pages/RoadmapsPage.jsx

@@ -108,7 +108,7 @@ export default function RoadmapsPage() {
           </div>
           <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
             {roadmap.status === ROADMAP_STATUS.COMPLETED
-              ? <Badge tone="success">Abgeschlossen</Badge>
+              ? <Badge tone="ok">Abgeschlossen</Badge>
               : progress && <RoadmapProgress progress={progress} />}
             <div style={{ display: 'flex', gap: 6 }}>
               <Button variant="ghost" onClick={() => navigate(`/roadmaps/${roadmap.$id}`)}>Oeffnen</Button>