Use new declarative Storybook configs

[wuweiweiwu]

noticed that the title of the storybook is the default "storybook" so i decided to update the configurations! as https://www.npmjs.com/package/@storybook/addon-options is deprecated

blog post here: https://medium.com/storybookjs/declarative-storybook-configuration-49912f77b78

Changes:

• created main.js preview.js manager.js for storybook and storybook-css
• updated storybook-css to use full control mode (same webpack config as storybook)

Testing:

• run yarn storybook[:css] and yarn gh-pages:build

Follow ups:

• usage of withInfo needs to be updated. the current way is deprecated
• configs between storybook and storybook-css is almost identical. webpack.config.js main.js and parts of preview.js can be shared

[ljharb]

This still seems worth including at some point; we just haven't gotten to it. I'd prefer to leave it open, if that's alright.

[wuweiweiwu]

No problem! I can update to the latest storybook versions as well

[ljharb]

Thanks, that’d be great!

[codecov]

Codecov Report

Merging #1952 (06b62de) into master (3ddb7b5) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #1952   +/-   ##
=======================================
  Coverage   79.56%   79.56%           
=======================================
  Files          57       57           
  Lines        2285     2285           
  Branches      635      635           
=======================================
  Hits         1818     1818           
  Misses        274      274           
  Partials      193      193           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3ddb7b5...06b62de. Read the comment docs.