Update transaction indicator

[cjeria]

Two usability issues have come up with regards to the transaction status indicator.

Issue 1

After submitting a transaction, a status indicator appears at the bottom of the screen. If tapped, the full transaction history view is loaded moving the user away from the context the user was previously on which could be a dapp where they might be in the middle of a flow.

Solution: Instead of moving the user away from the context if they tap on the tx status indicator, we could instead use a modal to show the transaction status which keeps the user in-context and prevents them from having to navigate back to the browser.

Issue 2

The transaction indicator is not dismissable and overlaps important controls like the browsers nav bar that the user might want to access while waiting for the transaction to be processed (see screenshot below).

Solution: make the tx status indicator dismissible with and float above the navigation bar when in the browser

[cjeria]

The suggested solution for issue 1.

The suggested solution for the notification banner (issue 2)

[mightypenguin]

Using compound.finance or kyberswap is super annoying because of this UI overlay currently.
Especially if you want to queue multiple pending transactions at the same time.