Update trial messages in both vscode extension and trial web page

[mabashian]

Jira Issue: https://issues.redhat.com/browse/AAP-36175

Description

This updates the messages that we present to the user when a trial will expire in <= 90 days as well as when a trial is expired.

Testing

I tested out all of the various scenarios by manipulating the expired_at timestamp on the user plan. There are 4 options/scenarios:

1. A trial hasn't started yet
2. Expired (date set to something in the past)
3. About to expire (date set to something within the next 90 days)
4. Not about to expire (date set to something more than 90 days out). Theoretically this shouldn't be possible but it's a scenario we already cover so I tested it anyway.

Scenarios tested

See above

Production deployment

• This code change is ready for production on its own
• This code change requires the following considerations before going to production:

[manstis]

I'll have a better look Monday @mabashian but it looks like you'll need some unit tests for the logic. It'd be nice too, in my opinion, if the text could wrap on the HTML page. I also notice the three buttons/links are spread far apart. The footer HTML is different on some of the other pages which makes the buttons group better. They're in the same container as the long text at the moment (The other login pages uses a separate container IIRC).

[manstis]

@mabashian Regarding the formatting of the buttons on the footer.

Look at the "Home page" where they are held in their own "Bullseye" container.

This change isn't strictly part of your PR.. but now the text is very long the spacing is more evident.

[mabashian]

@manstis 👍 I'll take a look at that formatting as well

[mabashian]

@manstis OK I think I've got the footer spacing issue squared away:

Tell me more about It'd be nice too, in my opinion, if the text could wrap on the HTML page - I think the text is wrapping down to a new line when the screen is more narrow but maybe this isn't working for some browsers?

[manstis]

LGTM 👍

I think the text is wrapping down to a new line when the screen is more narrow...

Yes it does. The button spacing is much better (and, IMO, more importantly consistent). The (long) length of the single line of text is just my opinion. There's nothing wrong with it.. so ignore me.

[manstis]

This may help with the failing tests: #1466

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud