Vega transaction toasts

[mattrussell36]

Story

As a user
I want vega transactions to be shown as toasts
So that I can continue to use the app whilst waiting for a tx to complete

Acceptance Criteria

• I am prompted via dialog to complete the transaction in wallet
• I am immediately shown a rejected transaction (when rejected by wallet immediately)
• If the transaction was accepted by the wallet, I can still use the application and am not blocked by an overlay
• If the transaction is accepted I am shown a toast with the tx hash, indicating its pending
• I can execute multiple transactions one after the other
• When a transaction result is received, notify state by toast

Tasks

• Create transaction store
• Migrate to using toasts
  • Order submission, edit and cancellation toasts #2271
  • Close position toast #2270
  • Withdrawal creation issue TBD

Additional information

• We may want to create a new hook/store for this. Say a useVegaTransactionV2 to make development and migration to the new pattern easier and more incremental

[PeteWilliams]

Some thoughts on this here: https://www.figma.com/file/K49Nx7XfocShhHcwwQzQkm/Console-V2?node-id=3672%3A35294

In summary, I'd suggest the prompt to approve in their wallet remains a dialog, and then the pending and result states are shown in toasts.

One area that complicates things is the 2-part processes such as deposits and withdrawals - you're in a modal for part 1, then you wait for the confirmation, and then you get another modal for part 2. I'm not sure going to toasts inbetween makes sense - what would happen to the modal while that's happening? Might make more sense to show the pending/confirmation states in modals in these scenarios… one to discuss in crit and with devs.