Improve discoverability and structure of gui layout

[manuelmeister]

I would love to have a constant overview over the different components and use cases. It could look something like the following image:

This is heavily inspired by https://storybook.js.org/ where you define stories (in monocle those are called useCases) for components. This layout allows me to quickly change the use case while also providing an overview over all my components.

Maybe we could reuse the neos ui with the sidebar?

[jonnitto]

Wow, this is looking good!

[jonnitto]

@mficzel What do you think about this?

[mficzel]

I like this but it should be collapsible. At least if we are on a notebook you may need to use the full width for the preview.

PRs are welcome, best with a ping via slack.

[manuelmeister]

Great. Yeah I agree, storybook provides this as well.

I just saw that storybook now provides a version @storybook/server that renders dynamic html snippets from a backend. Maybe we could use this to our advantage.