fix(overview): keep ProjectionCard 'Revenue so far' label inside card

[Ehsan-saradar]

Summary

• Detect when the Revenue so far label inside ProjectionCard would overflow the card and flip it to the left side of the marker line, with right-aligned text so the text edge stays aligned with the line.
• Marker line position is unchanged (left: ${progressPercent}% is preserved); only the surrounding label is re-anchored via transform: translateX(-100%) and flex-row-reverse.
• Overflow is detected dynamically with ResizeObserver, so it adapts to the actual track width (between min-w-[180px] and max-w-[280px]) and the actual label width (label/value text).

Closes #32

Test plan

• Open the Overview tab; pick a date range / granularity that puts revenue progress at low (~30%), mid (~60%), and high (~90%) percentages
• Verify that at low % the label sits to the right of the marker line (current behavior preserved)
• Verify that at high % the label flips to the left of the marker line and stays inside the card
• Verify the marker line is at the same horizontal position in both states
• Resize the browser / change layout breakpoints and confirm the flip threshold reacts correctly

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
analytics-dashboard	Ready	Preview, Comment	May 2, 2026 7:13am