fix(web): usage tabs no longer jump when switching to Limits#25336

In the new design, the Cost/Tokens/Limits tabs on the Usage page jumped about 300px when you switched to or from Limits. Limits hides the period picker, and the tabs sat to its left, so they slid right. The tab you were aiming for moved out from under the cursor.

Now the period picker comes first and the metric tabs sit next to refresh. Hiding the picker no longer moves the tabs. Same change for the compact header.

Proof: in the real app, the metric tabs measured x=774 on Tokens and x=1090 on Limits before. After, they stay at x=1090 on Cost, Tokens, and Limits. The compact header at 600px was checked too. vp run check:changed passes.

Reviewed with sol-loop: 1 round with GPT-6.1 Sol. Sol verdict: approved

Created with Claude Opus 5.5 in Claude Code, running in T3 Code.

🤖 Generated with Claude Code