Redesign and React-ify Mote frontend

[CSergienko]

No description provided.

[Pringels]

Update:

I've created a repo which will house the react explorer:
https://github.com/praekelt/mote-explorer

The explorer will exist as an independent module which can be imported via commonJS, ESM or UMD.
Once it is in a workable state we can add it to the mote repo.
I will be using nwb as a module management tool.

Based on the meeting I had with @CSergienko we agreed to the following set of requirements: (subject to change)

P1

• Develop a loosely coupled collection of react components which consume data via a headless mote API instance.
• Investigate the possibility of adding RST (or equivalent markdown language) directives which allow pattern iframes to be directly included and configured within our documentation.

P2

• Improve and extend the existing iframe element to include more configuration options and UI features. (like vertical resizing and the ability to manually set its height)
• Bring back the iframe element's settings control panel. (preset break points, variation toggles, etc.)
• Include a higher level of navigation for future "apps" like pattern explorer, CI guide, content style guide, etc.

Backlog:

• Investigate the possibility of dynamically generating iframe preview thumbnails using canvas.