Various improvements for contract interactions

[statictype]

Dry run contract call

closes https://github.com/paritytech/contracts-ui/issues/297 didn't exactly follow the designs in the issue, showing return values for getters and dry run results for transactions. removed the read button. call is only possible if the dry run is successful.

Decode ContractEmitted event

closes https://github.com/paritytech/contracts-ui/issues/229 the decoded event data is shown in the transactions log panel after a successful transaction

Improve call results display

closes https://github.com/paritytech/contracts-ui/issues/293, closes https://github.com/paritytech/contracts-ui/issues/252, closes https://github.com/paritytech/contracts-ui/issues/244, closes https://github.com/paritytech/contracts-ui/issues/238

Display better errors

closes https://github.com/paritytech/contracts-ui/issues/134, closes https://github.com/paritytech/contracts-ui/issues/133, closes https://github.com/paritytech/contracts-ui/issues/107 these should now be part of the dry run output for call and instantiate

still to do:

• [x] the interface has changed a bit, tutorials need to be updated
• [x] check app light theme

[netlify[bot]]

✅ Deploy Preview for contracts-ui ready!

Name	Link
🔨 Latest commit	c2ca147dede1e14cbbb53e2704625b702220ca68
🔍 Latest deploy log	https://app.netlify.com/sites/contracts-ui/deploys/63372257b048390007eed478
😎 Deploy Preview	https://deploy-preview-366--contracts-ui.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[athei]

• Debug buffer is not shown on success: It should always be shown no matter the result
• For non mutable messages which don't return a result (void functions) there is still a box called Returned value which is empty. This looks like it is buggy (when in fact it is not). There should be some label to make clear that no result is expected.
• Gas consumed and gas required isn't returned in case of a failure (please only show gas consumed and just in case gas required is different show that, too)
• Rename "Dry-Run Result" to "Dry-Run Outcome" (mutable messages)
• Rename "Returned value" to "Outcome" (read only messages)
• Label everything which is now just pasted into the box
  • Result of the execution: Ok vs Err(DispatchError). This is also where you should display that something reverted on a dry-run (where is is not an Err but on Ok with the revert flag set).
  • Returned value (this is the decoded output buffer in case of Ok)
  • Debug Message
• Event names are displayed in caps. Just don't change the case from that you are receiving.