Aligns the "Data source" list items in the side panel by resolving a
browser-specific layout discrepancy where icons with different intrinsic
widths (e.g., "edit" vs "calendar") caused uneven text indentation and
vertical misalignment.
- Refactored `SourceHead` in `head.tsx` to wrap all list icons in a
`list-icon-wrapper` container instead of using `<List.Icon>` directly.
- Added CSS rules in `index.css` to format `.list-icon-wrapper` and its
sibling `.content` as table cells aligned at the top, with a fixed
width of `20px` for the icon column.
- Converted relative sizing (`em`) to absolute pixels (`px`) for
pixel-perfect cross-browser precision.
- Updated Playwright visual regression snapshots to match the newly
aligned and corrected UI layout.
Currently function nameDetails simply concatenates various tags to build the full name. The tags _RUFNAME and NICK get some decoration, example: Johannes Karl "Johannes" (Hannes) Buchholz
Well, the tag _RUFNAME as a special part of GIVN, which I suggest not to repeat but show decorated within GIVN.
Result: "Johannes" Karl (Hannes) Buchholz
References:
https://wiki.genealogy.net/Name_in_Gedcomhttps://wiki.genealogy.net/GEDCOM/NAME-Tag#Vereinbarung_zu_Rufnamen
