feat(frontend): Add warning to MessageBox component

[AntonioVentilii-DFINITY]

Motivation

According to the new components library, we are going to use a single MessageBox component with a few levels of content (for example info, warning, success).
Specifically, we will use light-warning for the progress modal.

So, we first re-model the Info component to be inclusive of the other levels, and then use it.

Changes

• Rename Info component to MessageBox.
• Add two types of alert: info and light-warning (more will come according to usage). Defaults to info.
• Adjust the colors to the level.
• Use the MessageBox component in ProgressWizard and in AddTokensWarning.
• Remove a sentence from the light warning usage in Progress Wizard.

Tests

Before

After

[AntonioVentilii-DFINITY]

OISY-179

[peterpeterparker]

LGTM, thx

Two naming feedbacks if interesting (😅).

One as comment and the other: personally I would maybe not name I think the component Alert because to me, an "alert" is a dialog, toast or snackbar.

[peterpeterparker]

light-warning? not just warning?

[AntonioVentilii-DFINITY]

light-warning, because we have a warning level according to design, that is different

[peterpeterparker]

Yeah but alertType is not about the style but about the intent no?

[AntonioVentilii-DFINITY]

maybe I shall rename the prop with componentStyle, where component is what better name we can find instead of Alert eheh

Any suggestion?

[AntonioVentilii-DFINITY]

RE Naming: indeed, I could not find a good name... Any suggestion? Theoretically, it should have the following levels:

plain, info, light-warning, warning, success, error

[peterpeterparker]

I've got message or notification but that's meh. No better idea right now.

[AntonioVentilii-DFINITY]

MessageBox or MessagePanel or MessageBanner? by ChatGPT

[peterpeterparker]

MessageBox not that bad no?

And rename alertType to level or something?

[AntonioVentilii-DFINITY]

@peterpeterparker have a look at last commit: is level ok? or some suggestion?

[peterpeterparker]

Coolio for me, cool for you?

[AntonioVentilii-DFINITY]

yes yes! better!