feat(roadmaps): Ticket-Integration — Roadmap-Panel + Projekt-Kontextbox

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

src/components/TicketCard.jsx

@@ -12,6 +12,8 @@ import WorksheetList from './WorksheetList'
 import WorksheetStats from './WorksheetStats'
 import TicketAssignedProjectsPanel from './TicketAssignedProjectsPanel'
 import TicketProjectsModal from './TicketProjectsModal'
+import TicketRoadmapPanel from './TicketRoadmapPanel'
+import ProjectContextPanel from './ProjectContextPanel'
 import InvoicePanel from './InvoicePanel'
 import DocumentsPanel from './DocumentsPanel'
 import Tabs from './ui/Tabs'
@@ -80,7 +82,7 @@ export default function TicketCard({ ticket, onUpdate }) {
         <div className="tcard-body">
           <div className="tcard-row1">
             <span className="tcard-customer">{ticket.customerName || 'Unbekannt'}</span>
-            {ticket.customerLocation && <span className="tcard-loc">� {ticket.customerLocation}</span>}
+            {ticket.customerLocation && <span className="tcard-loc">� {ticket.customerLocation}</span>}
           </div>
           <div className="tcard-topic">{ticket.topic || ticket.title || 'Kein Betreff'}</div>
           <div className="tcard-badges">
@@ -118,11 +120,14 @@ export default function TicketCard({ ticket, onUpdate }) {
 
           <div className="ticket-tab-content">
             {activeTab === 'details' && (
-              <div className="ui-card pad">
-                <h5 style={{ fontWeight: 700, marginBottom: 12 }}>Ticket-Beschreibung</h5>
-                <p style={{ whiteSpace: 'pre-wrap', color: 'var(--text-muted)', lineHeight: 1.7, margin: 0 }}>
-                  {ticket.details || 'Keine Details vorhanden.'}
-                </p>
+              <div>
+                <div className="ui-card pad">
+                  <h5 style={{ fontWeight: 700, marginBottom: 12 }}>Ticket-Beschreibung</h5>
+                  <p style={{ whiteSpace: 'pre-wrap', color: 'var(--text-muted)', lineHeight: 1.7, margin: 0 }}>
+                    {ticket.details || 'Keine Details vorhanden.'}
+                  </p>
+                </div>
+                <ProjectContextPanel ticket={ticket} />
               </div>
             )}
 
@@ -148,6 +153,7 @@ export default function TicketCard({ ticket, onUpdate }) {
             {activeTab === 'documents' && <DocumentsPanel ticket={ticket} />}
             {activeTab === 'project' && (
               <div>
+                <TicketRoadmapPanel ticket={ticket} />
                 <button className="ui-btn ui-btn-primary" style={{ marginBottom: 12 }} onClick={() => setShowProjectsModal(true)}>
                   <FaPen /> Projekte zuweisen / bearbeiten
                 </button>