Update Upsell Section of User/Billing Page to Better Highlight Paid Features

What does this MR do and why?

This updates the User > Billing page to better highlight paid features for groups that have a trial active.

References

• https://gitlab.com/gitlab-org/gitlab/-/issues/579359+
• Update billing page - premium plan header (!211823 - merged)

Screenshots or screen recordings

Before	After

How to set up and validate locally

1. Start your GDK in SaaS mode:

   GITLAB_SIMULATE_SAAS=1 gdk start

2. Create a group.

3. Start a trial for this group in the Rails console:

   rails c

   Group.last.gitlab_subscription.update(hosted_plan: Plan.find_by(name: 'ultimate_trial'), trial: true, trial_starts_on: 0.days.ago, trial_ends_on: 30.day.from_now)
   
   GitlabSubscriptions::AddOnPurchase.create(subscription_add_on_id: GitlabSubscriptions::AddOn.find_by(name: 'duo_enterprise').id, namespace: Group.last, started_at: 0.days.ago, expires_on: 30.day.from_now, trial: true, quantity: 1, purchase_xid: '1', organization_id: 1)

4. Visit the User > Billing page at https://gdk.test:3443/-/profile/billings.

5. Select the group from the dropdown.

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.