[split-required] Split remaining 500-680 LOC files (final batch)

website (17 pages + 3 components):
- multiplayer/wizard, middleware/wizard+test-wizard, communication
- builds/wizard, staff-search, voice, sbom/wizard
- foerderantrag, mail/tasks, tools/communication, sbom
- compliance/evidence, uni-crawler, brandbook (already done)
- CollectionsTab, IngestionTab, RiskHeatmap

backend-lehrer (5 files):
- letters_api (641 → 2), certificates_api (636 → 2)
- alerts_agent/db/models (636 → 3)
- llm_gateway/communication_service (614 → 2)
- game/database already done in prior batch

klausur-service (2 files):
- hybrid_vocab_extractor (664 → 2)
- klausur-service/frontend: api.ts (620 → 3), EHUploadWizard (591 → 2)

voice-service (3 files):
- bqas/rag_judge (618 → 3), runner (529 → 2)
- enhanced_task_orchestrator (519 → 2)

studio-v2 (6 files):
- korrektur/[klausurId] (578 → 4), fairness (569 → 2)
- AlertsWizard (552 → 2), OnboardingWizard (513 → 2)
- korrektur/api.ts (506 → 3), geo-lernwelt (501 → 2)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

website/app/admin/middleware/wizard/_components/WizardStepper.tsx

@@ -0,0 +1,43 @@
+import { WizardStep } from './types'
+
+export function WizardStepper({
+  steps,
+  currentStep,
+  onStepClick
+}: {
+  steps: WizardStep[]
+  currentStep: number
+  onStepClick: (index: number) => void
+}) {
+  return (
+    <div className="flex items-center justify-between mb-8 overflow-x-auto pb-4">
+      {steps.map((step, index) => (
+        <div key={step.id} className="flex items-center">
+          <button
+            onClick={() => onStepClick(index)}
+            className={`flex flex-col items-center min-w-[80px] p-2 rounded-lg transition-colors ${
+              index === currentStep
+                ? 'bg-blue-100 text-blue-700'
+                : step.status === 'completed'
+                ? 'bg-green-100 text-green-700 cursor-pointer hover:bg-green-200'
+                : step.status === 'failed'
+                ? 'bg-red-100 text-red-700 cursor-pointer hover:bg-red-200'
+                : 'text-gray-400'
+            }`}
+            disabled={index > currentStep && steps[index - 1]?.status === 'pending'}
+          >
+            <span className="text-2xl mb-1">{step.icon}</span>
+            <span className="text-xs font-medium text-center">{step.name}</span>
+            {step.status === 'completed' && <span className="text-xs text-green-600">✓</span>}
+            {step.status === 'failed' && <span className="text-xs text-red-600">✗</span>}
+          </button>
+          {index < steps.length - 1 && (
+            <div className={`h-0.5 w-8 mx-1 ${
+              index < currentStep ? 'bg-green-400' : 'bg-gray-200'
+            }`} />
+          )}
+        </div>
+      ))}
+    </div>
+  )
+}