Order sync row — before / after

Task #395, issue #620. Same fixture, same data, same viewport; the only difference is the row's layout. "Before" is main's markup verbatim, rendered inside the new fixture.

The device screenshot in the issue shows seven lines rather than three — that phone is also running a larger font scale. Same mechanism, worse on hardware.

before at 390

Before · 390pt

Name gets the leftovers

Three texts in one row; only the name flexes, so the two labels take their width first.

after at 390

After · 390pt

Name owns the line

One line for the name and its status; the source label sits beneath.

before at 320

Before · 320pt

Worse on the narrowest phone

Every name wraps; "not eaten" breaks in two as well.

after at 320

After · 320pt

Two lines at worst

That is the bound the new e2e guard pins.