Bankkarte: optionales Beschreibung-Feld

Neues optionales Freitext-Feld `description` (TEXT NULL) auf
BankCard – z.B. "Geschäftskonto", "gemeinsames Konto mit Partner".
Migration mit IF NOT EXISTS.

Backend service create/update nimmt description entgegen.
Frontend:
- BankCard-Type um description ergänzt.
- BankCardModal: neue Textarea zwischen Ablaufdatum und Aktiv-
  Checkbox mit Placeholder-Hilfetext.
- Bank-Kartenübersicht zeigt die Beschreibung kursiv unter den
  bestehenden Feldern, falls gesetzt (whitespace-pre-line für
  mehrzeilige Notizen).

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

frontend/src/pages/customers/CustomerDetail.tsx

@@ -961,6 +961,11 @@ function BankCardsTab({
                   Gültig bis: {formatDate(card.expiryDate)}
                 </p>
               )}
+              {card.description && (
+                <p className="text-sm text-gray-600 mt-1 italic whitespace-pre-line">
+                  {card.description}
+                </p>
+              )}
 
               {/* Dokument-Upload Bereich */}
               <div className="mt-3 pt-3 border-t">
@@ -2657,6 +2662,7 @@ function BankCardModal({
     bic: bankCard?.bic || '',
     bankName: bankCard?.bankName || '',
     expiryDate: bankCard?.expiryDate ? new Date(bankCard.expiryDate).toISOString().split('T')[0] : '',
+    description: bankCard?.description || '',
     isActive: bankCard?.isActive ?? true,
   });
 
@@ -2672,7 +2678,7 @@ function BankCardModal({
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['customer', customerId] });
       onClose();
-      setFormData({ accountHolder: '', iban: '', bic: '', bankName: '', expiryDate: '', isActive: true });
+      setFormData({ accountHolder: '', iban: '', bic: '', bankName: '', expiryDate: '', description: '', isActive: true });
     },
   });
 
@@ -2743,6 +2749,17 @@ function BankCardModal({
           onClear={() => setFormData({ ...formData, expiryDate: '' })}
         />
 
+        <div>
+          <label className="block text-sm font-medium text-gray-700 mb-1">Beschreibung</label>
+          <textarea
+            value={formData.description}
+            onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+            rows={2}
+            placeholder="z.B. Geschäftskonto, gemeinsames Konto mit Partner…"
+            className="block w-full px-3 py-2 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+          />
+        </div>
+
         {isEditing && (
           <label className="flex items-center gap-2">
             <input