FDC3 Workbench: Fix minor issues and improve design

[kriswest]

Enhancement Request

There are a number of minor issues in the FDC3 workbench (some of which may have been introduced by dependabot updates of dependencies) which should be corrected, as well as several ways that the design could be improved. Addressing these issues will help prepare the FDC3 Workbench for updating to support testing of 2.0 features

1. Correct minor styling issues with some buttons and fields

   • Some buttons are raised above fields:
   • Context listener field is inset rather than flush left

2. Context validation and alert box messages need correcting

   • The message is using the name of the template, rather than the actual type field value… these are often the same in the default templates, but don't have to be/will not be if customized.)

3. Standarize pluralisation of tab names

   • INTENT tab should be named INTENTS
   • CONTEXT tab should be CONTEXTS

4. Reorder left hand panel tabs (such that future additions will make more sense)

   • reorder tabs to: CONTEXTS, INTENTS, SYSTEM CHANNELS, [APP CHANNELS - tba]

5. Refactor CONTEXTS tab to make it easier to create and manage context templates

   • Currently also handles adding listeners and broadcasting on system channels (and we will be adding other types of listener). Refactor so that it only deals with managing context objects
     • Move 'Add Context Listener' section from 'CONTEXT' tab to 'SYSTEM CHANNELS' tab
     • Move 'Broadcast context' button from 'CONTEXT' tab to 'SYSTEM CHANNELS' tab
   • The concept of a 'current context' (just a workbench thing) can be confusing and cumbersome (you keep having to return to context tab to change current context)
     • Refactor design around managing a list of context templates that we will select from a menu in other tabs:
     • Save templates into localstorage
     • Build a drop down element (Context template dropdown) for selecting a template that we can use elsewhere

6. Refactor SYSTEM CHANNELs tab to use context template selector

7. Refactor INTENTS tab to use context template selector

8. Refactor CURRENT STATE tab on right hand side to remove current context

9. Reduce vertical height of layout/wasted space

10. We use disabled fields for rendering received content but text is too pale…