Add FAQ guide and contextual help links

frontend/src/views/TicketDetailPage.tsx

@@ -8,6 +8,7 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } f
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { CopyTicketButton } from "@/components/CopyTicketButton";
+import { HelpLink } from "@/components/HelpLink";
 import { OrganizationSelect } from "@/components/OrganizationSelect";
 import {
   createSession,
@@ -493,8 +494,13 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate }: T
 
       <Card>
         <CardHeader className="p-4">
-          <CardTitle>Ticketdaten</CardTitle>
-          <CardDescription>Änderungen an Organisation und Art werden auf alle vorhandenen Sessions dieses Tickets übernommen.</CardDescription>
+          <div className="flex items-start justify-between gap-3">
+            <div>
+              <CardTitle>Ticketdaten</CardTitle>
+              <CardDescription>Änderungen an Organisation und Art werden auf alle vorhandenen Sessions dieses Tickets übernommen.</CardDescription>
+            </div>
+            <HelpLink anchor="ticketdaten" label="Hilfe zu Ticketdaten" />
+          </div>
         </CardHeader>
         <CardContent className="px-4 pb-4">
           <form className="grid gap-3 lg:grid-cols-[180px_minmax(220px,1fr)_180px_auto] lg:items-end" onSubmit={saveTicketData}>
@@ -544,6 +550,7 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate }: T
             <CardDescription>Wähle für jede Session genau eine Bewertung aus oder lösche falsche Einträge.</CardDescription>
           </div>
           <div className="flex flex-wrap items-center gap-2">
+            <HelpLink anchor="ticketdetail" label="Hilfe zur Ticketdetailansicht" />
             <div className="flex items-center gap-2 rounded-md border bg-muted/30 px-3 py-2 text-sm">
               <span className="text-muted-foreground">{periodLabel} gesamt</span>
               <span className="font-semibold">{formatMinutes(periodTotalMinutes)}</span>
@@ -657,8 +664,13 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate }: T
       </Card>
       <Card>
         <CardHeader className="p-4">
-          <CardTitle>Session nachtragen</CardTitle>
-          <CardDescription>Neue Zeit direkt diesem Ticket zuordnen.</CardDescription>
+          <div className="flex items-start justify-between gap-3">
+            <div>
+              <CardTitle>Session nachtragen</CardTitle>
+              <CardDescription>Neue Zeit direkt diesem Ticket zuordnen.</CardDescription>
+            </div>
+            <HelpLink anchor="session-nachtragen" label="Hilfe zum Nachtragen von Sessions" />
+          </div>
         </CardHeader>
         <CardContent className="px-4 pb-4">
           <form className="space-y-4" onSubmit={submitTicketSession}>