Optimistic updates for transaction page

[jbibla]

from #1118:

instead of blocking the user from proceeding with more submissions / transactions ...

- clear form for new tx's
- show loading icon in sidebar next to transactions link
- include the loading tx in tx history instantly with loading icon and adjust language accordingly
- if it fails, replace loading icons with error icons and replace loading language with error language
- on failure, show button to retry transaction

designs for this more optimistic approach can be seen here: https://zpl.io/bLDW6gQ

Originally posted by @jbibla in #1092 (comment)

[jbibla]

Originally posted by @sabau in #1284 (comment)

we can do in simpler way:

• not everything needs to have this unfconfirmed state
• isolated states

Alternative approach:

• Just update the state as if succeeded
• then query for the next block

[jbibla]

i'd like to include another improvement here:

• after submitting a tx, if we display the success notification, let's include a link to the transaction on the transaction page (equivalent to the "view message" link displayed below)

• let's move the notification to the bottom left - this will fit better with the action modals

• the undo button would be a nice thing to have one day but is not as important as the two previous points and the work @sabau has mentioned above.

• reminder: errors shouldn't be displayed in notifications anymore. just success messages.

• successful submissions don't need to be so green 💚

[fedekunze]

related #2295

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.