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/serp/page.tsx

@@ -51,12 +51,12 @@ export default function SerpPage() {
   const maxPages = Math.max(1, Math.ceil(numResults / 10));
 
   const startJob = async () => {
-    if (!query.trim()) return toast.error("Enter a search query");
-    if (!categories.length) return toast.error("Select at least one category");
+    if (!query.trim()) return toast.error("Suchbegriff eingeben");
+    if (!categories.length) return toast.error("Mindestens eine Kategorie auswählen");
 
     setStage("running");
     setResults([]);
-    setProgress({ current: 0, total: numResults, phase: "Searching Google..." });
+    setProgress({ current: 0, total: numResults, phase: "Google wird durchsucht..." });
 
     try {
       const res = await fetch("/api/jobs/serp-enrich", {
@@ -84,7 +84,7 @@ export default function SerpPage() {
   };
 
   const pollJob = (id: string) => {
-    let phase = "Searching Google...";
+    let phase = "Google wird durchsucht...";
     const interval = setInterval(async () => {
       try {
         const res = await fetch(`/api/jobs/${id}/status`);
@@ -94,8 +94,8 @@ export default function SerpPage() {
         };
 
         // Infer phase from progress
-        if (data.totalLeads > 0 && data.emailsFound === 0) phase = "Enriching domains with Anymailfinder...";
-        if (data.emailsFound > 0) phase = `Found ${data.emailsFound} emails so far...`;
+        if (data.totalLeads > 0 && data.emailsFound === 0) phase = "Domains werden mit Anymailfinder angereichert...";
+        if (data.emailsFound > 0) phase = `Bisher ${data.emailsFound} E-Mails gefunden...`;
 
         setProgress({ current: data.emailsFound, total: data.totalLeads || numResults, phase });
         if (data.results?.length) setResults(data.results);
@@ -108,10 +108,10 @@ export default function SerpPage() {
           setResults(data.results || []);
           if (data.status === "complete") {
             setStage("done");
-            toast.success(`Done! Found ${data.emailsFound} emails`);
+            toast.success(`Fertig! ${data.emailsFound} E-Mails gefunden`);
           } else {
             setStage("failed");
-            toast.error("Job failed. Check your API keys in Settings.");
+            toast.error("Job fehlgeschlagen. Bitte API-Keys in den Einstellungen prüfen.");
           }
         }
       } catch {
@@ -148,9 +148,9 @@ export default function SerpPage() {
             <ChevronRight className="w-3 h-3" />
             <span>Google SERP</span>
           </div>
-          <h1 className="text-2xl font-bold text-white">SERP → Email Enrichment</h1>
+          <h1 className="text-2xl font-bold text-white">SERP → E-Mail Anreicherung</h1>
           <p className="text-gray-400 mt-1 text-sm">
-            Scrape Google search results via Apify, extract domains, then find decision maker emails.
+            Scrape Google-Suchergebnisse über Apify, extrahiere Domains und finde Entscheider-E-Mails.
           </p>
         </div>
       </div>
@@ -159,11 +159,11 @@ export default function SerpPage() {
       <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-purple-500/20 text-purple-400 text-xs flex items-center justify-center font-bold">1</span>
-          Search Configuration
+          Suchkonfiguration
         </h2>
 
         <div>
-          <Label className="text-gray-300 text-sm mb-1.5 block">Search Term</Label>
+          <Label className="text-gray-300 text-sm mb-1.5 block">Suchbegriff</Label>
           <Input
             placeholder='e.g. "Solaranlage Installateur Deutschland"'
             value={query}
@@ -174,32 +174,32 @@ export default function SerpPage() {
 
         <div className="grid grid-cols-3 gap-4">
           <div>
-            <Label className="text-gray-300 text-sm mb-1.5 block">Number of Results</Label>
+            <Label className="text-gray-300 text-sm mb-1.5 block">Anzahl Ergebnisse</Label>
             <Select value={String(numResults)} onValueChange={v => setNumResults(Number(v))}>
               <SelectTrigger className="bg-[#0d0d18] border-[#2e2e3e] text-white">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent className="bg-[#111118] border-[#2e2e3e]">
                 {RESULT_OPTIONS.map(n => (
-                  <SelectItem key={n} value={String(n)} className="text-gray-300">{n} results</SelectItem>
+                  <SelectItem key={n} value={String(n)} className="text-gray-300">{n} Ergebnisse</SelectItem>
                 ))}
               </SelectContent>
             </Select>
-            <p className="text-xs text-gray-500 mt-1">~{maxPages} page{maxPages > 1 ? "s" : ""} of Google</p>
+            <p className="text-xs text-gray-500 mt-1">~{maxPages} Google-Seite{maxPages > 1 ? "n" : ""}</p>
           </div>
           <div>
-            <Label className="text-gray-300 text-sm mb-1.5 block">Country</Label>
+            <Label className="text-gray-300 text-sm mb-1.5 block">Land</Label>
             <Select value={country} onValueChange={v => setCountry(v ?? "de")}>
               <SelectTrigger className="bg-[#0d0d18] border-[#2e2e3e] text-white">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent className="bg-[#111118] border-[#2e2e3e]">
                 {[
-                  { value: "de", label: "Germany (DE)" },
-                  { value: "at", label: "Austria (AT)" },
-                  { value: "ch", label: "Switzerland (CH)" },
-                  { value: "us", label: "United States (US)" },
-                  { value: "gb", label: "United Kingdom (GB)" },
+                  { value: "de", label: "Deutschland (DE)" },
+                  { value: "at", label: "Österreich (AT)" },
+                  { value: "ch", label: "Schweiz (CH)" },
+                  { value: "us", label: "USA (US)" },
+                  { value: "gb", label: "Großbritannien (GB)" },
                 ].map(c => (
                   <SelectItem key={c.value} value={c.value} className="text-gray-300">{c.label}</SelectItem>
                 ))}
@@ -207,16 +207,16 @@ export default function SerpPage() {
             </Select>
           </div>
           <div>
-            <Label className="text-gray-300 text-sm mb-1.5 block">Language</Label>
+            <Label className="text-gray-300 text-sm mb-1.5 block">Sprache</Label>
             <Select value={language} onValueChange={v => setLanguage(v ?? "de")}>
               <SelectTrigger className="bg-[#0d0d18] border-[#2e2e3e] text-white">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent className="bg-[#111118] border-[#2e2e3e]">
                 {[
-                  { value: "de", label: "German" },
-                  { value: "en", label: "English" },
-                  { value: "fr", label: "French" },
+                  { value: "de", label: "Deutsch" },
+                  { value: "en", label: "Englisch" },
+                  { value: "fr", label: "Französisch" },
                 ].map(l => (
                   <SelectItem key={l.value} value={l.value} className="text-gray-300">{l.label}</SelectItem>
                 ))}
@@ -234,10 +234,10 @@ export default function SerpPage() {
           />
           <div>
             <label htmlFor="filterSocial" className="text-sm text-gray-300 cursor-pointer">
-              Exclude social media, directories & aggregators
+              Soziale Medien, Verzeichnisse & Aggregatoren ausschließen
             </label>
             <p className="text-xs text-gray-500 mt-0.5">
-              Filters out: LinkedIn, Facebook, Instagram, Yelp, Wikipedia, Xing, Twitter/X, YouTube, Google Maps
+              Filtert: LinkedIn, Facebook, Instagram, Yelp, Wikipedia, Xing, Twitter/X, YouTube, Google Maps
             </p>
           </div>
         </div>
@@ -247,7 +247,7 @@ export default function SerpPage() {
       <Card className="bg-[#111118] border-[#1e1e2e] p-6 space-y-4">
         <h2 className="text-base font-semibold text-white flex items-center gap-2">
           <span className="w-6 h-6 rounded-full bg-purple-500/20 text-purple-400 text-xs flex items-center justify-center font-bold">2</span>
-          Decision Maker Categories
+          Entscheider-Kategorien
         </h2>
         <div className="flex flex-wrap gap-2">
           {CATEGORY_OPTIONS.map(opt => (
@@ -272,7 +272,7 @@ export default function SerpPage() {
       <Card className="bg-[#111118] border-[#1e1e2e] p-6 space-y-4">
         <h2 className="text-base font-semibold text-white flex items-center gap-2">
           <span className="w-6 h-6 rounded-full bg-purple-500/20 text-purple-400 text-xs flex items-center justify-center font-bold">3</span>
-          Run Pipeline
+          Pipeline starten
         </h2>
 
         {stage === "idle" || stage === "failed" ? (
@@ -281,11 +281,11 @@ export default function SerpPage() {
             disabled={!query.trim() || !categories.length}
             className="bg-gradient-to-r from-purple-500 to-blue-600 hover:from-purple-600 hover:to-blue-700 text-white font-medium px-8 shadow-lg hover:shadow-purple-500/25 transition-all"
           >
-            Start SERP Search
+            SERP-Suche starten
           </Button>
         ) : stage === "running" ? (
           <ProgressCard
-            title="Running SERP pipeline..."
+            title="SERP-Pipeline läuft..."
             current={progress.current}
             total={progress.total}
             subtitle={progress.phase}
@@ -293,10 +293,10 @@ export default function SerpPage() {
           />
         ) : (
           <ProgressCard
-            title="Pipeline complete"
+            title="Pipeline abgeschlossen"
             current={emailsFound}
             total={results.length}
-            subtitle={`Hit rate: ${hitRate}% · ${results.length} domains scraped`}
+            subtitle={`Trefferquote: ${hitRate}% · ${results.length} Domains`}
             status="complete"
           />
         )}
@@ -306,11 +306,11 @@ export default function SerpPage() {
       {results.length > 0 && (
         <Card className="bg-[#111118] border-[#1e1e2e] p-6 space-y-4">
           <div className="flex items-center justify-between flex-wrap gap-3">
-            <h2 className="text-base font-semibold text-white">Results</h2>
+            <h2 className="text-base font-semibold text-white">Ergebnisse</h2>
             <ExportButtons
               rows={exportRows}
               filename={`serp-leads-${jobId?.slice(0, 8) || "export"}`}
-              summary={`${emailsFound} emails found • ${hitRate}% hit rate`}
+              summary={`${emailsFound} E-Mails gefunden • ${hitRate}% Trefferquote`}
             />
           </div>
           <ResultsTable rows={results} loading={stage === "running" && results.length === 0} />
@@ -320,8 +320,8 @@ export default function SerpPage() {
       {stage === "idle" && (
         <EmptyState
           icon={Search}
-          title="Configure and run a SERP search"
-          description="Enter a search term, select your target categories, and hit Start to find leads from Google search results."
+          title="SERP-Suche konfigurieren und starten"
+          description="Suchbegriff eingeben, Zielkategorien auswählen und Starten drücken, um Leads aus Google-Suchergebnissen zu finden."
         />
       )}
     </div>