[FE] Breakdown: Community subscriptions should be able to self-checkout renewals

Summary

In &5068 (closed) we are building self-service checkout of new community program subscription. We now need to build a renewal flow for these subscribers.

The general process flow described in the parent epic is the same for new and renewal subscriptions however when the user enters CustomersDot, they will need to select a Renew cta.

Development plan

• Build landing page for CE renewal #3601 (closed)
  • add a new route /subscriptions/community_program/renew
  • re-use templates that we build for CE subscription community_subscription_landing_page.vue
• Update the CE subscription cards on /subscriptions page
  • Add info banner for renewal alert that would show up 3 month before before expiration #3574 (closed)
  • enable renew buttons with correct path #3575 (closed)
• Build a renewal page for CE
  • add a new route /subscriptions/community_program/renew/A-SXXXXXX with basic titles #3576 (closed)
  • add purchase description #3577 (closed)
    • mind that we need two different versions of it: for SaaS and for SelfManaged
    • for SelfManaged version add a collapsible element with a hint from subscription_renew.vue. We already have this element glued in the subscripton_renew component so it is a good time to extract it and use in two places
  • add customer information component #3578 (closed)
  • add coupon input component #3602 (closed)
  • add purchase confirmation component #3603 (closed)
  • show success message if transaction is successful modal #3604 (closed)
    • We would also need two version here for SaaS and for Selfmanaged

Design

See design issue