Redesign and improve Workbench UI

Task is to improve the UI of the Workbench UI. See notes from discussions below.

Connect tab:

DONE Hide Get Key text field and just show GET KEY button initially
DONE Bigger connect key font, not so wide field (narrow), text field next to the button
DONE Some instruction after the key is displayed? (Help text added)
DONE "How to connect to the Viewer application" (more specific title) This is part of the Getting Started screen?
DONE Put Login button on top, before Get Key - We will keep Get Key first after all.
DONE Make instruction for connect/login "collapsible", possible to hide. Once you got it you don’t need to see it.
DONE Move Getting Started instructions to connect tab - Decision to use separate tab for Getting Started
DONE Change title "Welcome to Evothings Studio" to "Getting Started"
DONE Rename connect tab to "Start" (previous idea was"Login & Connect") - Now renamed back to "Connect"

Tools window:

General:

DONE Spice up the UI theme
DONE Color of tabs/buttons
DONE Rename Projects tab to "My Apps"
DONE Copy buttons (in examples) and New button to make new project in My Apps tab.
NOT DONE Make button fonts a bit smaller - Made GET KEY and LOGIN a bit smaller.
DONE Make text font a bit bigger (paragraph font on Getting Started)
DONE Redesign Getting Started screen to be more visual - An image or two would make this page happier!
DONE Add icons to example app listing (icons are in repo evothings-examples)

evothings / evothings-studio