[UX] Let customer know that there is a future dated subscription on the account

This is the UX issue for https://gitlab.com/gitlab-org/gitlab/-/issues/337026.

Proposal

Scenario Descriptions
Scenario 1
- SM instance that has no active subscription
- SM instance that has no previously activated expired licenses
Frame_23
Scenario 2
- SM instance that has no active subscription

- SM instance that has previously activated expired licenses

Additions
We now show the subscription history table underneath the activate subscription component Free trial and Buy subscription components.
Frame_24
Scenario 3
- SM instance that has no active subscription

- SM instance that has a future-dated subscription


Additions IMPORTANT
We now show the subscription history table and an alert banner underneath the activate subscription component. The alert is to help inform the user of their future-dated subscription.
Frame_25
**Scenario 3 (Avoiding two alerts)**
We should avoid if possible this scenario where we have two alerts displayed. If there is no active subscription I do not think the success alert is needed.
Frame_26

Figma design specs


Important

The Subscription table is changing as of #337531 (closed)

Edited by Tim Noah