REFACTOR addon-viewport & addon-background to FIX buggy behaviour relating to iframe styling && REMOVE recompose

[ndelangen]

Issue:

• This should decrease the bundlesize a bit, uses hooks over recompose
• addon-viewport & addon-backgrounds interopt oddly, sometimes styling the iframe itself, sometimes a wrapper.
• the grid feature should be part of the addon-background

What I did

• Remove recompose over hooks
• Make the styling added by addon-viewport & addon-background impact the iframe, not the wrapper
• Remove the wrapper div
• Improve the styling of addon-viewport
• Make viewports centered when smaller then main area
• Improve the tooltip component usage

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://monorepo-git-tech-remove-recompose.storybook.now.sh

[ndelangen]

Having to tweak a bunch of tools using the tooltip in order to remove recompose, I attended some UI improvements,

• like the grid tool belongs with the background addon now,
• the viewports addon uses the new api
• I found a bug in the setAddonState api, which I fixed
• viewport is centered, and still scrollable, styling is better too
• backgrounds & grid apply to the actual iframe now even when combined with the viewport addon

https://youtu.be/U5JYkMuX9h0