Arbeitsblatt-Formular erneuert: Kalender, deutsche Service-Art

- Start und Ende mit Kalender und Uhrzeitfeld (gemeinsame Komponente
  DateTimeInput, auch im Ticketformular); gespeichert weiter als
  dd.mm.yyyy / hhmm, das Ende rückt mit, wenn der Start später liegt
- Service Type nur noch "Fernwartung (remote)" oder "Vor Ort beim Kunden",
  vorbelegt vom Ticket; COMMENT entfällt (dafür gibt es "Nur Kommentar")
- Minuten werden aus den Uhrzeiten berechnet (über Mitternacht weiter)
- Minutenfeld nimmt ganze Minuten: mit step 15 ließ der Browser berechnete
  Zeiten wie 70 Minuten nicht absenden
- Arbeitsblatt-Liste und -Statistik zeigen die Service-Art auf Deutsch
  (Remote und altes Off Site zusammen als Fernwartung)

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

src/components/ui/DateTimeInput.jsx

@@ -0,0 +1,34 @@
+// Klick irgendwo ins Datumsfeld oeffnet den Kalender, nicht nur das kleine Symbol
+const openCalendar = (e) => {
+  try {
+    e.currentTarget.showPicker?.()
+  } catch {
+    // aeltere Browser: Kalender bleibt ueber das Symbol erreichbar
+  }
+}
+
+/* Datum mit Kalender und Uhrzeit nebeneinander. Werte wie die Browser-Felder:
+   Datum "yyyy-mm-dd", Uhrzeit "hh:mm" - umgerechnet wird erst beim Speichern. */
+export default function DateTimeInput({ id, date, time, onDateChange, onTimeChange, min, required, timeLabel }) {
+  return (
+    <div className="datetime-pair">
+      <input
+        id={id}
+        type="date"
+        className="form-control"
+        min={min || undefined}
+        required={required}
+        value={date}
+        onChange={(e) => onDateChange(e.target.value)}
+        onClick={openCalendar}
+      />
+      <input
+        type="time"
+        className="form-control"
+        aria-label={timeLabel}
+        value={time}
+        onChange={(e) => onTimeChange(e.target.value)}
+      />
+    </div>
+  )
+}