* added account navigation menu, copied and adapted from www

* fixed css

* support for login menu, registration menu from www

* Dropdown replaced with MenuBarMenu, override www css in menus

* render and style login dropdown via function from www

* moved menu styling from menu itself to menu bar

* refactoring menu components and containers

* refactor and restyle account nav menu

* cleaned up cruft and css per rschamp's review of PR 3070

styling for title field; correct input target in tests; make download filename safer with default, max length; in playground index, correctly pass props through to gui container

Removing this was the point of moving the test up one level. Thanks @chrisgarrity, good catch!

If the VM is ever instantiated, which happens whenever GUI is instantiated due to default props, then IE11 will crash

fixes #2983

* Fix all the little RTL layout bugs

- [ ] borders on toolbox and workspace mirror correctly
- [ ] spacing on stage selector is correct
- [ ] stage size icons are mirrored
- [ ] extension library coming soon text is positioned correctly
- [ ] only mirror blocks icon on the tab (others stay right-handed)
- [ ] drop down icon in create variable modal has correct spacing

* FIx RTL backpack header border-radius

* round the bottom corner of paint/sound editors

This makes the editor’s asset panels match the blocks.

padding and margin changes to make www project page layout work without hacks; hack to position monitors correctly

* Don't show intro modal if hideIntro passed to PreviewModal

* Add hideIntro prop to GUI

* Move intro modal hiding logic into its own function

I think this switches all the icons we saw. I also switched the icons on the tabs (the blocks going the wrong way looked bad).

Correct margins for tabs, tab icons.

Goes along with https://github.com/LLK/scratch-blocks/pull/1646

Fixes #2448 (tab wrapping in Japanese). Also ensures that none of the Sprite info area wraps. Does not address the issue where the sprite info area is too big and pushes the stage info off the screen.

And implement toggle on player playground

I don't love this solution, but I remember not being able to figure out a way to not specify the max width because it is needed in order for the flowing to work. Without the max-width, the sprite tiles try to be in a row, pushing over everything else.

Also remove some obsolete code

Pass a `stageSize` property down from a centralized `MediaQuery` in the
GUI component, and control the size of the stage and all surrounding
elements based on that value. Note that this is a pure property and is
not stored in the Redux state, since we gain access to the results of
the media query during `render()` and we shouldn't change Redux state
during `render()`.

Some stage-adjacent elements don't yet react correctly to the smallest
stage size.

There will probably need to be more backpack config options in the future, so just make this a bit more future proof

* Player mode

Add isPlayerOnly property on GUI. Move isFullScreen into mode reducer with isPlayerOnly.

Full screen needs to be a separate prop so that GUI knows what to show when exiting full-screen (either player-only or full editor).

- set `gui-body * {box-sizing: border-box;}` instead of expecting it to be set by the enclosing component/playground, and removed uses of content-box (adjusting sizes as needed) 
- Added `!isPlayerOnly` to the conditions for draggable sprites
- rewrote player example to use player mode.