Create component(s) for browser support messaging

[corykon]

In the next major release of Cashmere in May, we'll be dropping IE support. #1714 We expect our apps to follow suit and drop support on June 15th 2022 (Microsoft's end-of-life date for IE).

From ASAP until June 15th We need to make sure users of our applications are warned about this ahead of time. We should provide a component (or other package of code, doesn't have to be an angular component) that detects browser usage and warns the user to upgrade as needed. Just a dismissible banner or toast would probably be sufficient.

After June 15th We'll need this component (or another) to detect IE and than display a message explaining that the browser is not compatible. Note - angular will not be able to load at this point, so the code needs to be able to run before angular initializes.

[corykon]

Here's what I've got mocked up for messaging before June 15th. IE users will just get this dismissible toast:

And for after June 15th, IE users will get this full page message:

Any feedback?

@andrew-frueh

[andrew-frueh]

Messaging and approach looks good @corykon. For the error message, I wonder if it would look better if you get rid of the white padding at the top and just have the blue bar go right to the top of the container.