feat: übersetze gesamte UI auf Deutsch

- Alle Seiten (AirScale, LinkedIn, SERP, Ergebnisse, Einstellungen) auf Deutsch
- Gemeinsame Komponenten übersetzt: StatusBadge, ResultsTable-Spalten, FileDropZone, ExportButtons
- Sidebar API-Status-Label und TopBar-Breadcrumbs auf Deutsch
- Alle Toast-Nachrichten und Fehlermeldungen auf Deutsch

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

app/airscale/page.tsx

@@ -73,8 +73,8 @@ export default function AirScalePage() {
   const withoutDomain = csvData.length - withDomain;
 
   const startEnrichment = async () => {
-    if (!companies.length) return toast.error("No companies with domains found");
-    if (!categories.length) return toast.error("Select at least one decision maker category");
+    if (!companies.length) return toast.error("Keine Unternehmen mit Domains gefunden");
+    if (!categories.length) return toast.error("Mindestens eine Entscheider-Kategorie auswählen");
 
     setRunning(true);
     setResults([]);
@@ -91,7 +91,7 @@ export default function AirScalePage() {
 
       setJobId(data.jobId);
       addJob({ id: data.jobId, type: "airscale", status: "running", progress: 0, total: companies.length });
-      toast.success("Enrichment started!");
+      toast.success("Anreicherung gestartet!");
       pollJob(data.jobId);
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to start");
@@ -119,9 +119,9 @@ export default function AirScalePage() {
           setRunning(false);
           removeJob(id);
           if (data.status === "complete") {
-            toast.success(`Done! Found ${data.emailsFound} emails from ${data.totalLeads} companies`);
+            toast.success(`Fertig! ${data.emailsFound} E-Mails aus ${data.totalLeads} Unternehmen gefunden`);
           } else {
-            toast.error(`Job failed: ${data.error || "Unknown error"}`);
+            toast.error(`Job fehlgeschlagen: ${data.error || "Unbekannter Fehler"}`);
           }
         }
       } catch {
@@ -159,9 +159,9 @@ export default function AirScalePage() {
             <ChevronRight className="w-3 h-3" />
             <span>AirScale Companies</span>
           </div>
-          <h1 className="text-2xl font-bold text-white">AirScale → Email Enrichment</h1>
+          <h1 className="text-2xl font-bold text-white">AirScale → E-Mail Anreicherung</h1>
           <p className="text-gray-400 mt-1 text-sm">
-            Upload an AirScale CSV export and find decision maker emails via Anymailfinder.
+            Lade einen AirScale CSV-Export hoch und finde Entscheider-E-Mails über Anymailfinder.
           </p>
         </div>
       </div>
@@ -172,16 +172,16 @@ export default function AirScalePage() {
           <span className="w-6 h-6 rounded-full bg-blue-500/20 text-blue-400 text-xs flex items-center justify-center font-bold">1</span>
           Upload AirScale CSV
         </h2>
-        <FileDropZone onFile={onFile} label="Drop your AirScale CSV export here" />
+        <FileDropZone onFile={onFile} label="AirScale CSV-Export hier ablegen" />
 
         {csvData.length > 0 && (
           <div className="space-y-4">
             {/* Stats */}
             <div className="flex gap-4">
               {[
-                { label: "Total rows", value: csvData.length, color: "text-white" },
-                { label: "With domains", value: withDomain, color: "text-green-400" },
-                { label: "Missing domains", value: withoutDomain, color: "text-yellow-400" },
+                { label: "Zeilen gesamt", value: csvData.length, color: "text-white" },
+                { label: "Mit Domain", value: withDomain, color: "text-green-400" },
+                { label: "Ohne Domain", value: withoutDomain, color: "text-yellow-400" },
               ].map(stat => (
                 <div key={stat.label} className="bg-[#0d0d18] rounded-lg px-4 py-2.5 border border-[#1e1e2e]">
                   <p className={`text-lg font-bold ${stat.color}`}>{stat.value}</p>
@@ -193,10 +193,10 @@ export default function AirScalePage() {
             {/* Column mapper */}
             <div className="grid grid-cols-2 gap-4">
               <div>
-                <Label className="text-gray-300 text-sm mb-1.5 block">Domain Column</Label>
+                <Label className="text-gray-300 text-sm mb-1.5 block">Domain-Spalte</Label>
                 <Select value={domainCol} onValueChange={v => setDomainCol(v ?? "")}>
                   <SelectTrigger className="bg-[#0d0d18] border-[#2e2e3e] text-white">
-                    <SelectValue placeholder="Select domain column..." />
+                    <SelectValue placeholder="Domain-Spalte auswählen..." />
                   </SelectTrigger>
                   <SelectContent className="bg-[#111118] border-[#2e2e3e]">
                     {headers.map(h => (
@@ -206,13 +206,13 @@ export default function AirScalePage() {
                 </Select>
               </div>
               <div>
-                <Label className="text-gray-300 text-sm mb-1.5 block">Company Name Column (optional)</Label>
+                <Label className="text-gray-300 text-sm mb-1.5 block">Firmenname-Spalte (optional)</Label>
                 <Select value={nameCol} onValueChange={v => setNameCol(v ?? "")}>
                   <SelectTrigger className="bg-[#0d0d18] border-[#2e2e3e] text-white">
-                    <SelectValue placeholder="Select name column..." />
+                    <SelectValue placeholder="Namensspalte auswählen..." />
                   </SelectTrigger>
                   <SelectContent className="bg-[#111118] border-[#2e2e3e]">
-                    <SelectItem value="" className="text-gray-400">None</SelectItem>
+                    <SelectItem value="" className="text-gray-400">Keine</SelectItem>
                     {headers.map(h => (
                       <SelectItem key={h} value={h} className="text-gray-300">{h}</SelectItem>
                     ))}
@@ -224,7 +224,7 @@ export default function AirScalePage() {
             {/* Preview */}
             <div className="rounded-lg border border-[#1e1e2e] overflow-hidden">
               <div className="bg-[#0d0d18] px-4 py-2 text-xs text-gray-500 border-b border-[#1e1e2e]">
-                Preview (first 5 rows)
+                Vorschau (erste 5 Zeilen)
               </div>
               <div className="overflow-x-auto">
                 <table className="w-full text-xs">
@@ -257,11 +257,11 @@ export default function AirScalePage() {
       <Card className="bg-[#111118] border-[#1e1e2e] p-6 space-y-5">
         <h2 className="text-base font-semibold text-white flex items-center gap-2">
           <span className="w-6 h-6 rounded-full bg-blue-500/20 text-blue-400 text-xs flex items-center justify-center font-bold">2</span>
-          Decision Maker Categories
+          Entscheider-Kategorien
         </h2>
 
         <div className="space-y-3">
-          <Label className="text-gray-300 text-sm">Select categories to search (in order of priority)</Label>
+          <Label className="text-gray-300 text-sm">Kategorien auswählen (nach Priorität sortiert)</Label>
           <div className="flex flex-wrap gap-2">
             {CATEGORY_OPTIONS.map(opt => (
               <button
@@ -284,7 +284,7 @@ export default function AirScalePage() {
             ))}
           </div>
           <p className="text-xs text-gray-500">
-            Categories are searched in priority order. First category with a valid result wins.
+            Kategorien werden in Prioritätsreihenfolge durchsucht. Die erste Kategorie mit einem gültigen Ergebnis gewinnt.
           </p>
         </div>
       </Card>
@@ -293,15 +293,15 @@ export default function AirScalePage() {
       <Card className="bg-[#111118] border-[#1e1e2e] p-6 space-y-5">
         <h2 className="text-base font-semibold text-white flex items-center gap-2">
           <span className="w-6 h-6 rounded-full bg-blue-500/20 text-blue-400 text-xs flex items-center justify-center font-bold">3</span>
-          Run Enrichment
+          Anreicherung starten
         </h2>
 
         {!running && jobStatus === "idle" && (
           csvData.length === 0 ? (
             <EmptyState
               icon={Building2}
-              title="Upload a CSV to get started"
-              description="Upload your AirScale export above, then configure and run enrichment."
+              title="CSV hochladen um zu starten"
+              description="Lade deinen AirScale-Export oben hoch, konfiguriere und starte die Anreicherung."
             />
           ) : (
             <Button
@@ -309,27 +309,27 @@ export default function AirScalePage() {
               disabled={!withDomain || !domainCol || !categories.length}
               className="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-medium px-8 shadow-lg hover:shadow-blue-500/25 transition-all"
             >
-              Start Enrichment ({withDomain} companies)
+              Anreicherung starten ({withDomain} Unternehmen)
             </Button>
           )
         )}
 
         {(running || jobStatus === "running") && (
           <ProgressCard
-            title="Enriching companies..."
+            title="Unternehmen werden angereichert..."
             current={progress.current}
             total={progress.total || withDomain}
-            subtitle="Finding decision maker emails via Anymailfinder"
+            subtitle="Entscheider-E-Mails werden über Anymailfinder gesucht"
             status="running"
           />
         )}
 
         {jobStatus === "complete" && (
           <ProgressCard
-            title="Enrichment complete"
+            title="Anreicherung abgeschlossen"
             current={progress.current}
             total={progress.total}
-            subtitle={`Hit rate: ${hitRate}%`}
+            subtitle={`Trefferquote: ${hitRate}%`}
             status="complete"
           />
         )}
@@ -337,7 +337,7 @@ export default function AirScalePage() {
         {jobStatus === "failed" && (
           <div className="flex items-center gap-2 text-red-400 text-sm">
             <AlertCircle className="w-4 h-4" />
-            Enrichment failed. Check your API key in Settings.
+            Anreicherung fehlgeschlagen. Bitte API-Key in den Einstellungen prüfen.
           </div>
         )}
       </Card>
@@ -348,12 +348,12 @@ export default function AirScalePage() {
           <div className="flex items-center justify-between flex-wrap gap-3">
             <h2 className="text-base font-semibold text-white flex items-center gap-2">
               <span className="w-6 h-6 rounded-full bg-blue-500/20 text-blue-400 text-xs flex items-center justify-center font-bold">4</span>
-              Results
+              Ergebnisse
             </h2>
             <ExportButtons
               rows={exportRows}
               filename={`airscale-leads-${jobId?.slice(0, 8) || "export"}`}
-              summary={`${results.filter(r => r.email).length} emails found • ${hitRate}% hit rate`}
+              summary={`${results.filter(r => r.email).length} E-Mails gefunden • ${hitRate}% Trefferquote`}
             />
           </div>
           <ResultsTable rows={results} loading={running && results.length === 0} />