Rebrand modals

[Anboias]

Closes #457

What does this do?

Button component:

• remove unnecessary Button div wrapper
• fix footer focus border on key navigation (see video below)
• add new variants (tertiary & text-blue)

Input component:

• update Input component to new Branding

Modal component:

• update main Modal component to new Branding

Modals:

• update Deposit / Withdraw / Stake / Unstake modals
• update Confirm Unstake modal
• update Unsupported chains modal

Why change the Button?

The div around the Button was unnecessary and it was affecting the New Proposal modal's Help tooltip display.
The footer Button focus was plain wrong and I took this opportunity to fix it.

Button footer focus issue

Before

Screen.Recording.2024-11-21.at.11.42.21.mov

Now

Screen.Recording.2024-11-21.at.11.40.26.mov

Deposit modal (Withdraw / Stake / Unstake are similar)

Mobile	Desktop

Confirm Unstake modal

Mobile	Desktop

Unsupported Network modal

Mobile	Desktop

[Anboias]

@peterjurco, pushed a new commit called Show primary buttons first on mobile. It corrects the display order of two buttons from a modal, of which one is primary. Discussed here.

T: As far as stacking, the buttons should be reversed. the main CTA is always on the top

e.g. Deposit modal

Before	Now

[peterjurco]

Solid work here 👏 Thanks also for the detailed PR description