Anrede-Verhältnis Du/Sie pro Kunde + Geburtstagsgruß respektiert Anrede

Schema:
- Customer.useInformalAddress: Boolean (Default: false = Sie)
- Auch bei Firmenkunden verfügbar (Chef kann man auch duzen)

Frontend:
- Neues Pflichtfeld "Anrede per" (Du/Sie) im Kunden-Formular
- Anzeige als Badge in CustomerDetail-Stammdaten

Geburtstagsgruß im Portal:
- Bei Du: "Herzlichen Glückwunsch, Max! Alles Gute zu deinem 42. Geburtstag!"
- Bei Sie: "Herzlichen Glückwunsch, Herr Müller! Alles Gute zu Ihrem 42. Geburtstag!"
- Konsistent auch bei nachträglichen Glückwünschen (hattest/hatten, bist/sind etc.)
- Backend liefert firstName, lastName, salutation und useInformalAddress

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

frontend/src/components/BirthdayModal.tsx

@@ -27,6 +27,16 @@ export default function BirthdayModal() {
 
   const handleClose = () => ackMutation.mutate();
 
+  // Anrede abhängig vom Du/Sie-Verhältnis zusammenstellen
+  const greetingName = info.useInformalAddress
+    ? info.firstName
+    : [info.salutation, info.lastName].filter(Boolean).join(' ') || info.firstName;
+  const greetingPronoun = info.useInformalAddress ? 'dir' : 'Ihnen';
+  const greetingPossessive = info.useInformalAddress ? 'deinem' : 'Ihrem';
+  const greetingYour = info.useInformalAddress ? 'Dein' : 'Ihr';
+  const hadBirthday = info.useInformalAddress ? 'hattest' : 'hatten';
+  const becameOld = info.useInformalAddress ? 'bist' : 'sind';
+
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4">
       <div className="bg-white rounded-2xl shadow-2xl max-w-md w-full overflow-hidden">
@@ -50,26 +60,26 @@ export default function BirthdayModal() {
           {info.isToday ? (
             <>
               <h2 className="text-2xl font-bold text-gray-900 mb-2">
-                Herzlichen Glückwunsch, {info.firstName}!
+                Herzlichen Glückwunsch, {greetingName}!
               </h2>
               <p className="text-gray-600 mb-1">
-                Alles Gute zu Ihrem {info.age}. Geburtstag!
+                Alles Gute zu {greetingPossessive} {info.age}. Geburtstag!
               </p>
               <p className="text-gray-500 text-sm mb-6">
-                Wir wünschen Ihnen einen wunderschönen Tag und alles Gute für das neue Lebensjahr. 🌟
+                Wir wünschen {greetingPronoun} einen wunderschönen Tag und alles Gute für {greetingYour.toLowerCase()} neues Lebensjahr. 🌟
               </p>
             </>
           ) : (
             <>
               <h2 className="text-2xl font-bold text-gray-900 mb-2">
-                Nachträglich alles Gute, {info.firstName}!
+                Nachträglich alles Gute, {greetingName}!
               </h2>
               <p className="text-gray-600 mb-1">
-                Sie hatten vor {info.daysAgo} Tag{info.daysAgo === 1 ? '' : 'en'} Geburtstag
-                {info.age > 0 && ` und sind ${info.age} Jahre alt geworden`}.
+                {greetingYour === 'Ihr' ? 'Sie' : 'Du'} {hadBirthday} vor {info.daysAgo} Tag{info.daysAgo === 1 ? '' : 'en'} Geburtstag
+                {info.age > 0 && ` und ${becameOld} ${info.age} Jahre alt geworden`}.
               </p>
               <p className="text-gray-500 text-sm mb-6">
-                Wir wünschen Ihnen alles Gute nachträglich und eine tolle Zeit im neuen Lebensjahr. 🌟
+                Wir wünschen {greetingPronoun} alles Gute nachträglich und eine tolle Zeit im neuen Lebensjahr. 🌟
               </p>
             </>
           )}