Arbeitsblätter: Abzeichen „abgerechnet (Rechnungsnummer)“ für alle, Warnung beim Ändern der Zeit

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/WorksheetTimesModal.jsx

@@ -5,6 +5,8 @@ import { Button, DateTimeInput, Dialog, DurationSelect, Field } from './ui'
 import { roundUpToStep, isValidStep } from '../lib/timeSteps'
 import { parseSupporters, validateSupporters } from '../lib/support'
 import SupportersEditor from './SupportersEditor'
+import { useAbgerechnet } from '../hooks/useAbgerechnet'
+import { abgerechnetWarnung, ticketIdsOf } from '../lib/projektkontoView'
 
 // Gespeichert ist dd.mm.yyyy / hhmm, die Kalender-Felder brauchen yyyy-mm-dd / hh:mm
 const formFromWorksheet = (worksheet) => ({
@@ -23,6 +25,8 @@ const NO_EMPLOYEES_STATE = { employees: [], loading: false, error: null }
  */
 export default function WorksheetTimesModal({ worksheet, currentUserId, onClose, onSave, employeesState = NO_EMPLOYEES_STATE }) {
   const isGit = isGitWorksheet(worksheet)
+  const abgerechnet = useAbgerechnet(ticketIdsOf([worksheet]))
+  const warnung = abgerechnetWarnung(abgerechnet, worksheet.$id)
   const [formData, setFormData] = useState(() => formFromWorksheet(worksheet))
   // null = die Arbeitszeit folgt Beginn und Ende (aufgerundet auf 15 Minuten). Passte sie
   // schon vorher nicht dazu, wurde sie von Hand gewaehlt (z.B. ohne Pause) und bleibt stehen.
@@ -117,6 +121,12 @@ export default function WorksheetTimesModal({ worksheet, currentUserId, onClose,
         {isGit && <><br />Das Ende ist der Zeitpunkt des Git-Pushs. Trag ein, wann die Arbeit begonnen hat.</>}
       </p>
 
+      {warnung && (
+        <p className="msg warn" role="alert">
+          {warnung}
+        </p>
+      )}
+
       <Field label="Beginn" htmlFor="worksheet-times-start">
         <DateTimeInput
           id="worksheet-times-start"