feature: Modal loading while staking

[gbarkhatov]

Adds loading state while signing the TX.
Problematic part - pradel/react-responsive-modal#504
Currently, react-responsive-modal cannot dynamically update the ESC button behavior. I.e. we cannot easily:

• create a modal
• add a support fort this modal to be closed via the ESC button (default behavior)
• then disable the ESC key because our prop changed

So PreviewModal is not closable via ESC by default

In terms of our general approach. Since per design we don't have to differentiate between wallet is signing and wallet is broadcasting to the blockchain the whole "disabling" process will be enabled until the whole signing + broadcasting finishes. It is reset though once closed or error happens. For example, if we reject from the mobile

Video: https://youtu.be/o7giBbUmWso

---

Update - even though it's not inside the Design, I assume we want the loading state for unbonding and withdrawing micro modals. Logic is the same - once we are pending action from the wallet (sign unbonding / sign withdrawal + broadcasting) the loading indicator is shown and we cannot close the modal

This change also works with the Keystone

Closes #146

[gbarkhatov]

@jrwbabylonlab change variable naming and resolved dev branch conflicts

[jeremy-babylonlabs]

I think we can put isAwaitingWalletResponse in context providers to avoid props drilling?

another notes on UX

on mobile view we will need to scroll all the way down to the bottom to see the loading state, maybe its better if we stick the loading div on the bottom to make things more obvious.

[gbarkhatov]

@jeremy-babylonlabs we will need to scroll down to hit the "stake" button anyways

[vitsalis]

small comments

[jeremy-babylonlabs]

we can discuss more on the ux later, lgtm now