feat: Rennmausakte, Zucht-Suffix, Gehege-Bilder, Toasts, Infinite-Scroll

Detailseite (Rennmausakte):
- Neugestaltung: Hero-Foto + Overlay, Schnellfakten-Pills, Karten-Sektionen,
  Charakter als Chips, getabte Fotos/Gesundheit/Gewicht.
- Eltern (Vater/Mutter) als Links; Charakter-Karte klappt bei Status
  Abgabe/Verstorben/Abgegeben ein (nur Zucht/Liebhaber offen).
- Gehege wird bei abgegebenen/verstorbenen Tieren ausgeblendet (Detail + Formular).

Listen:
- Infinite Scroll auf allen Listen (Rennmäuse, Würfe, Gehege, Verträge,
  Anfragen, Kontakte) via useInfiniteList/useInfiniteSentinel; stabile
  Sortierung mit id-Tiebreaker (keine doppelten Keys), Back-to-top-Button.
- Kontakte: Rolle-Filter (Züchter/Abnehmer) als Quick-Chips + Sticky-Header.

Zucht-Nachname:
- Namens-Anhängsel der Zucht in den Einstellungen + je Züchter-Kontakt
  (Backend-Spalten + Migration); eigene Tiere zeigen „Name + Suffix".
- „Eigene Zucht" ist die Standard-Herkunft neuer Tiere.

Weiteres:
- Gehege-Bilder: Upload/Galerie auf der Gehege-Detailseite (Backend
  EnclosurePhoto + Endpoints + Migration, geteilte Dateiablage).
- Toast-Rückmeldungen für alle Speichern-Aktionen.
- Checkboxen durch mobile-freundliche Toggle-Schalter ersetzt.

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

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

@@ -4,11 +4,12 @@ import { de } from '../strings/de'
 import { listLitters } from '../api/litters'
 import { listGerbils } from '../api/gerbils'
 import { andFilter, condition, escapeGridifyValue } from '../api/gridify'
-import type { Litter } from '../api/types'
+import type { Gerbil, Litter } from '../api/types'
 import { useApi } from '../hooks/useApi'
 import { useInfiniteList, useInfiniteSentinel } from '../hooks/useInfiniteList'
 import { formatDate } from '../format/labels'
 import { FilterPanel } from '../components/FilterPanel'
+import { useGerbilName } from '../components/breederSuffix'
 
 const PAGE_SIZE = 20
 
@@ -53,14 +54,19 @@ export default function WuerfeListPage() {
   const [year, setYear] = useState('')
   const [sort, setSort] = useState<SortKey>('dateDesc')
 
-  // Parent names (shared by both tabs).
+  // Parent names (shared by both tabs) — keep the full gerbil so the Zucht suffix applies.
+  const gerbilName = useGerbilName()
   const gerbils = useApi(() => listGerbils({ page: 1, pageSize: 1000, orderBy: 'name' }), [])
-  const nameById = useMemo(() => {
-    const map = new Map<string, string>()
-    for (const g of gerbils.data?.items ?? []) map.set(g.id, g.name)
+  const gerbilById = useMemo(() => {
+    const map = new Map<string, Gerbil>()
+    for (const g of gerbils.data?.items ?? []) map.set(g.id, g)
     return map
   }, [gerbils.data])
-  const parentName = (id: string | null) => (id ? (nameById.get(id) ?? t.detail.unknownParent) : '—')
+  const parentName = (id: string | null): string => {
+    if (!id) return '—'
+    const gp = gerbilById.get(id)
+    return gp ? gerbilName(gp) || t.detail.unknownParent : t.detail.unknownParent
+  }
 
   // Litters tab (paged, filtered).
   const filter = andFilter(
@@ -90,7 +96,7 @@ export default function WuerfeListPage() {
       parentName(p.fatherId).toLowerCase().includes(term) ||
       parentName(p.motherId).toLowerCase().includes(term)
     )
-  }, [pairs, search, nameById])
+  }, [pairs, search, gerbilById])
 
   const items = litters.items