Cap services list width in the preview drawer

[nicolasalt]

Summary

On a wide preview panel, the services list stretched each row edge-to-edge and the bulk action buttons sat far to the right, disconnected from the list below. This caps the list width and left-aligns both the list and the header controls so the panel stays readable and visually consistent regardless of width.

Rationale

ServiceList's container was w-full, inheriting the full width of the (resizable, potentially very wide) preview drawer. Capping at max-w-2xl (672px) comfortably fits a service name, mode/port badges, and the action cluster without wasted whitespace. The list and the header's bulk buttons are then left-aligned (rather than centered / right-pinned) so they line up with each other and with the panel's left edge — a wide panel no longer scatters related controls across its full width.

Changes

• ServiceList.tsx: container changed from w-full to w-full max-w-2xl — rows cap at 672px and align left.
• PreviewServicesDrawer.tsx: the bulk-action group (Restart all / Stop all / Start all) dropped ml-auto, so it sits next to the "X of Y running" count on the left instead of pinned to the far-right edge.

Test plan

• npx vitest run src/client/components/PreviewServicesDrawer.test.tsx — 11 passed.
• Manual: open the Preview tab, expand the Services drawer, and widen the right panel — service rows stay at a fixed max width aligned to the left, and the bulk buttons stay grouped with the running count instead of drifting to the right edge.