Complete frontend for new free trial billings page for monthly commit

Roy Liurequested to merge
591000-complete-frontend-for-new-free-trial-billing into master

What does this MR do and why?

This MR is a split from !225140 (merged) to help with review. Please check !225140 (merged) for complete context and validation steps.

Screenshots or screen recordings

Before
Free/Trial before
Screenshot_2026-02-27_at_11.03.22_AM
After
Free - No Trial - No Monthly Commitment Free User - No Trial - Active Monthly Commitment
free-no_trial-no_credit free-no_trial-has_credit
Active trial - No Monthly Commitment Active trial - Active Monthly Commitment
trial-no_credit trial-has_credit
Free - Expired trial - No Monthly Commitment Free - Expired trial - Active Monthly Commitment
expired_trial-no_credit expired_trial-has_credit
Dark mode Mobile
Screenshot_2026-02-27_at_11.38.37_AM Screenshot_2026-02-27_at_11.39.46_AM

References

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #591000

Edited by Roy Liu

Merge request reports