Improve responsiveness so it works on smaller devices

[Spejbl]

Summary

Improve responsiveness of Lab, so it works smoothly on smaller devices and would be possible to embed it as an iframe on another websites.

Motivation

We would like to embed Lab on another website. For example in tutorials where users can edit project without going to Lab. For this reason we need to make Lab more responsive so it works on smaller windows.

Additional context

What needs to be done

• Allow open panels (topbar) of files to be scrollable on one line
• Transaction history should be resizable Unable to change Transactions History container width #88
• Fix transaction history - overflow of hashes OverFlow hashes of Transaction History while decreasing size #188
• On welcome screen hide unnecessary info (depends if we want to allow to create new projects in embedded window)
• Overflow of account name's when too long
• Hide bottom bar with yellow note on smaller devices
• Modals shouldn't have a fixed width/height
• Hide minimap in code editor (on the right side) on smaller devices
• Learning and Resources navigation - auto collapsed on smaller devices
• Adjust Configure account/contract window

Needs discussion

D1. What should be minimum viable width and height?
D2. Should we allow mosaic view on smaller devices?

[filippsen]

Related issue, previously closed without a solution: #64

[filippsen]

I searched for "overflow" before filing an issue.
Noticed that lengthy account names are leaking. In case item "Overflow of account name's when too long" or this request doesn't cover it already, here is what I see after copying the address to clipboard and pasting it as the account name: