dApp: blockchain progress for opening a channel

[taleldayekh]

Fixes #1941

Short description
Introduces notification for opening a channel with a block counter that counts until channel gets opened.

Definition of Done

• Steps to manually test the change have been documented
• Acceptance criteria are met
• Change has been manually tested by the reviewer (dApp)

Steps to manually test the change (dApp)

1. Open a channel. Snackbar should appear.
2. Open the notification panel, a notification for the open channel event should be shown with a counter.

[github-actions]

You modified raiden-ts/src,
Please remember to add a change log entry at raiden-ts/CHANGELOG.md if necessary.

[codecov]

Codecov Report

Merging #2136 into master will decrease coverage by 0.07%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master    #2136      +/-   ##
==========================================
- Coverage   95.72%   95.64%   -0.08%     
==========================================
  Files         160      159       -1     
  Lines        5967     5977      +10     
  Branches     1047     1052       +5     
==========================================
+ Hits         5712     5717       +5     
- Misses        194      197       +3     
- Partials       61       63       +2     

Flag	Coverage Δ
#dapp	92.44% <ø> (-0.25%)	⬇️
#sdk	96.98% <ø> (ø)
#sdk_e2e	65.59% <ø> (ø)
#sdk_unit	85.93% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
raiden-dapp/src/App.vue	100.00% <ø> (ø)
...components/notification-panel/NotificationCard.vue	77.77% <ø> (-22.23%)	⬇️
...onents/notification-panel/NotificationSnackbar.vue	87.50% <ø> (ø)
raiden-dapp/src/services/raiden-service.ts	87.50% <ø> (-0.38%)	⬇️
raiden-dapp/src/store/notifications/getters.ts	62.50% <ø> (+2.50%)	⬆️
raiden-dapp/src/store/notifications/index.ts	100.00% <ø> (ø)
raiden-dapp/src/store/notifications/mutations.ts	71.42% <ø> (-28.58%)	⬇️
raiden-dapp/src/store/notifications/state.ts	100.00% <ø> (ø)
raiden-dapp/src/views/NotificationPanel.vue	100.00% <ø> (ø)
raiden-ts/src/actions.ts	100.00% <ø> (ø)
... and 6 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d1db7ae...f55439c. Read the comment docs.

[weilbith]

We have done a lot of this PR together. At least the basic "design" and a lot of debugging. So I have not reviewed the code manually again. We agreed that all code parts that are not too nice here, are based on the current code structure which will become target of upcoming issues that should clean this up.

Thanks for all your hard work. 💪
I think this feature showed perfectly, that sometimes a feature might look small, but the current code structure does not support it. So first the structure needs to be adopted, to then make such feature easy to integrate. Though all the trouble we had for days with this feature reminded us of some parts of the code that are hard to work with and will need some attention.

[weilbith]

PS: We agreed that this PR won't care about the code coverage. There are so far no tests for the notifications module of the Vuex store. And since this PR includes already a lot of refactorings, we need to stop at some point. Therefore the coverage will be target of a new PR that @taleldayekh will start to work on. This PR will introduce these missing tests, testing the already existing features, as well as some new parts introduced here.

[taleldayekh]

Great and thank you @weilbith for your assistance in debugging and code design.