feat(rennmausakte): Hinweis-Chip für Geschwisterverpaarung in der Tierakte

Stammt ein Tier aus einer Vollgeschwister-Verpaarung (Vater und Mutter teilen
dieselbe litterId), zeigt die Rennmausakte jetzt einen Chip
"⚭ Geschwisterverpaarung" in der Fakten-Zeile — neben Geschlecht, Geburtsdatum
und Farbschlag, in Akzentfarbe hervorgehoben (zuchtrelevant).

e2e-Test: Chip erscheint für 'Inzucht Kind' (Eltern aus demselben Wurf),
nicht für 'Krümel' (Eltern aus verschiedenen Würfen).

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

gerbil-manager-web/src/pages/GerbilDetailPage.tsx

@@ -137,6 +137,15 @@ export default function GerbilDetailPage() {
   const lookup = (map: Map<string, string>, key: string | null) => (key ? (map.get(key) ?? '—') : '—')
   const storedColorName = g.colorVarietyId ? (colorName.get(g.colorVarietyId) ?? null) : null
 
+  // Geschwisterverpaarung: Vater und Mutter dieses Tiers stammen aus demselben
+  // Wurf (Vollgeschwister) — erkennbar an gemeinsamer litterId der Eltern.
+  const isSiblingPairing =
+    !!father.data &&
+    !!mother.data &&
+    father.data.id !== mother.data.id &&
+    !!father.data.litterId &&
+    father.data.litterId === mother.data.litterId
+
   const parentLink = (
     pid: string | null,
     p: Parameters<typeof gerbilName>[0] | null,
@@ -204,6 +213,12 @@ export default function GerbilDetailPage() {
               {storedColorName}
             </span>
           )}
+          {isSiblingPairing && (
+            <span className="ak-fact ak-fact--sibling" title={t.detail.siblingPairingTitle}>
+              <span aria-hidden="true">⚭</span>
+              {t.detail.siblingPairing}
+            </span>
+          )}
         </div>
 
         <div className="ak-actions">

gerbil-manager-web/src/pages/rennmausakte.css

@@ -139,6 +139,12 @@
   font-weight: 600;
   color: var(--color-text);
 }
+/* Geschwisterverpaarung: hervorgehoben, da zuchtrelevant (Inzucht). */
+.ak-fact--sibling {
+  background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
+  border-color: var(--color-accent);
+  color: var(--color-accent);
+}
 
 /* ---------- Actions ---------- */
 .ak-actions {