Ticketkarte und Admin an das neue Formular angepasst

- Ticketkarte: Response-Level-Auswahl entfernt; Service Type als
  "Fernwartung" / "Vor Ort" (altes "Off Site" zählt als Fernwartung)
- Admin > Konfiguration: Ticketarten, Systeme, Reaktions- und Leistungsarten
  ausgeblendet, da das Formular sie fest vorgibt; editierbar bleiben die
  Prioritäten, die Listen bleiben beim Speichern im Config-Dokument erhalten
- Kaputtes Trennzeichen "�" wieder "·" (Ticketkarte, Kundenliste, Kundendetails)

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

src/components/CreateTicketModal.jsx

@@ -4,6 +4,7 @@ import { useAdminConfig } from '../hooks/useAdminConfig'
 import { useEmployees } from '../hooks/useEmployees'
 import { databases, DATABASE_ID, COLLECTIONS, Query, isDemoMode } from '../lib/appwrite'
 import {
+  SERVICE_TYPES,
   todayIso,
   isoToGermanDate,
   timeToWoms,
@@ -19,12 +20,6 @@ const TICKET_TYPES = [
   { value: 'Migration', label: 'Migration (Übernahme von anderem Anbieter)' },
 ]
 
-// Gespeichert werden die bisherigen Werte, angezeigt wird Deutsch
-const SERVICE_TYPES = [
-  { value: 'Remote', label: 'Fernwartung (remote)' },
-  { value: 'On Site', label: 'Vor Ort beim Kunden' },
-]
-
 const DEFAULT_PRIORITIES = [
   { value: 0, label: 'None' },
   { value: 1, label: 'Low' },

src/components/TicketCard.jsx

@@ -5,7 +5,6 @@ import { de } from 'date-fns/locale'
 import StatusDropdown from './StatusDropdown'
 import PriorityDropdown from './PriorityDropdown'
 import EditorDropdown from './EditorDropdown'
-import ResponseDropdown from './ResponseDropdown'
 import CreateWorksheetModal from './CreateWorksheetModal'
 import StatusHistoryModal from './StatusHistoryModal'
 import WorksheetList from './WorksheetList'
@@ -21,6 +20,7 @@ import Badge from './ui/Badge'
 import { StatusPill, PriorityPill } from './ui/StatusPill'
 import { useWorksheets } from '../hooks/useWorksheets'
 import { databases, DATABASE_ID, COLLECTIONS } from '../lib/appwrite'
+import { serviceTypeLabel } from '../lib/ticketForm'
 
 const TABS = [
   { id: 'details', label: 'Details' },
@@ -82,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">
@@ -90,7 +90,7 @@ export default function TicketCard({ ticket, onUpdate }) {
             <PriorityPill priority={ticket.priority} />
             {ticket.type && <Badge tone="muted">{ticket.type}</Badge>}
             {ticket.systemType && ticket.systemType !== 'n/a' && <Badge tone="muted">{ticket.systemType}</Badge>}
-            {ticket.serviceType && <Badge tone="info">{ticket.serviceType}</Badge>}
+            {ticket.serviceType && <Badge tone="info">{serviceTypeLabel(ticket.serviceType)}</Badge>}
           </div>
         </div>
 
@@ -113,7 +113,6 @@ export default function TicketCard({ ticket, onUpdate }) {
             {ticket.requestedBy && <span className="muted">Angefragt von: {ticket.requestedBy}</span>}
             <span className="grow" />
             <div style={{ minWidth: 150 }}><EditorDropdown value={ticket.assignedTo} onChange={(v) => onUpdate(ticket.$id, { assignedTo: v })} /></div>
-            <div style={{ minWidth: 150 }}><ResponseDropdown value={ticket.responseLevel} onChange={(v) => onUpdate(ticket.$id, { responseLevel: v })} /></div>
           </div>
 
           <Tabs tabs={TABS} active={activeTab} onChange={setActiveTab} />