Toast-Benachrichtigungen bei IMAP-Sync- und SMTP-Send-Fehlern

Bisher blieb ein fehlgeschlagener IMAP-Sync oder E-Mail-Versand still – der User
sah nur im Browser-Devtools, dass etwas schief lief. Jetzt erscheint eine rote
Toast-Benachrichtigung (8 Sekunden) mit der konkreten Fehlermeldung des Servers,
z.B. 'Sync fehlgeschlagen: IMAP-Authentifizierung fehlgeschlagen: NO [AUTHENTICATIONFAILED]'.

EmailClientTab (Synchronisieren-Button):
- toast.success bei erfolgreichem Sync
- toast.error bei Fehler + bei Backend-Response mit success=false

ComposeEmailModal (Senden):
- toast.success bei erfolgreichem Versand
- toast.error bei SMTP-Fehler mit Server-Response (zusätzlich zum Inline-Fehler)

Außerdem im imapService.testImapConnection:
- Roh-Error wird jetzt geloggt (code, response, responseStatus, authenticationFailed)
- ImapFlow-spezifische Felder werden in die Fehlermeldung übernommen, sodass
  z.B. '2 NO [AUTHENTICATIONFAILED] Authentication failed.' direkt sichtbar wird

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

frontend/src/components/email/EmailClientTab.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { RefreshCw, Plus, Mail, Inbox, Send, Trash2 } from 'lucide-react';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import toast from 'react-hot-toast';
 import { cachedEmailApi, stressfreiEmailApi, CachedEmail } from '../../services/api';
 import { useAuth } from '../../context/AuthContext';
 import Button from '../ui/Button';
@@ -95,7 +96,14 @@ export default function EmailClientTab({ customerId }: EmailClientTabProps) {
   // Synchronisation
   const syncMutation = useMutation({
     mutationFn: (accountId: number) => stressfreiEmailApi.syncEmails(accountId),
-    onSuccess: () => {
+    onSuccess: (result) => {
+      // Backend liefert success=false bei IMAP-Fehler, aber ohne HTTP-Error
+      if (result && (result as any).success === false) {
+        const err = (result as any).error || 'IMAP-Synchronisation fehlgeschlagen';
+        toast.error(`Sync fehlgeschlagen: ${err}`, { duration: 8000 });
+        return;
+      }
+      toast.success('E-Mails synchronisiert');
       // E-Mail-Listen neu laden
       queryClient.invalidateQueries({ queryKey: ['emails'] });
       // Ordner-Anzahlen aktualisieren
@@ -103,6 +111,10 @@ export default function EmailClientTab({ customerId }: EmailClientTabProps) {
       // Mailbox-Accounts aktualisieren
       queryClient.invalidateQueries({ queryKey: ['mailbox-accounts', customerId] });
     },
+    onError: (error: any) => {
+      const msg = error?.response?.data?.error || error?.message || 'Unbekannter Fehler';
+      toast.error(`Sync fehlgeschlagen: ${msg}`, { duration: 8000 });
+    },
   });
 
   const handleSync = () => {