Display notifications about transaction status

[danielpetroff]

We have a component for notifications here https://github.com/paritytech/capi-multisig-app/blob/main/www/src/components/Notifications.tsx

The notification text we have in Figma is not indicative of chain events. Ex: "Executed transaction Ox34ea34ea...1f0f1f0f"
I suggest we stick with Substrate event / error messages for now.

use transactionStatuses() on the ExtrinsicStatusRune to capture events in real-time

@ryanleecode do we have an example in capi for this? (couldn't find one)

[ryanleecode]

@statictype something like this is what im doing

await signedExtrinsicRune
    .sent()
    .dbgStatus("tx status")
    .transactionStatuses((txStatus) => {
      if (typeof txStatus === "string") {
        send({ status: txStatus })
      } else {
        const status = Object.keys(txStatus)[0]!
        switch (status) {
          case "future":
          case "ready":
          case "broadcast":
          case "inBlock":
          case "retracted":
          case "finalityTimeout":
          case "usurped":
          case "dropped":
          case "invalid":
            send({ status })
            break
          case "finalized":
            const hash: string = txStatus["finalized"]! as string
            send({ status, hash })
            break
        }
      }

      return false
    })
    .run()

[statictype]

closed in #218