Define the 3 areas the Top Bar will provide

Problem/Motivation

Currently the Top Bar renders the the local tasks. But there is no logic, order or even an standardized way to add elements to it.

Proposed resolution

• Provide 3 delimited regions where UI elements will be hooked and rendered.
• Refactor how the existing local tasks are rendered so they used the standardized system created in this issue.

The three delimited regions are inspired by current designs for the top bar:

1. Tools: Editorial tools, for instance pictured is a device switcher to aid in previewing content
2. Context: Contextual information including the title and publish status of the content
3. Actions: Actions to take on the content. Local tasks present in the Navigation top bar should be initially placed here, to be further refined in follow up issues.

Remaining tasks

User interface changes

None

Introduced terminology

API changes

Data model changes

Release notes snippet