Task #173. The per-attendee `<li>` in `AttendeeFlow` only had
`whitespace-nowrap` in non-editable mode. Once edit mode was on,
the LI was just `min-w-[3rem]`, so the inline-block `EditableCell`
was free to wrap below the small index `<span>` whenever the
attendee name was wider than the LI's content box. The result was
the stacked "number on top, name below" layout the user reported
(e.g. "محمد علي (Webex)" pushed onto a second line under "1-").
Fix: always apply `whitespace-nowrap` on each attendee `<li>`, and
keep `min-w-[3rem]` only when editable so empty edit targets still
have a usable click area. The parent `<ul flex-wrap>` already
handles wrapping between attendees, which is the desired behavior
when the cell is narrow.
Multi-group layout (Virtual / Internal / External headers as
separate rows), the pending "+ Add attendee" ghost row, and the
dashed click underline (still hugging only the name) are all
unchanged.
Edit-toggle e2e tests (2 specs) still pass. Code review: PASS.
riyadhafraa
38f9564476