Change Style guide to Storybook

[JiwoonKim]

Closes Issue #15
change the style guide for the project to storybook

Applied Changes

• add config storybook for project (dev mode)
• migrate styleguide examples to storybook
• change deploy script to building storybook on github-pages (static mode)
• remove styleguidist from project

[JiwoonKim]

Storybook utilizes configs in .storybook/ folder (see #15 (comment)).
Overall, this config.js file helps Storybook to work 🌈 .

ℹ️ I've also tried customizing Storybook's webpack config to utilize Neutrino's webpack config, however, had come across some undesirable results.

• complexity in configuring Neutrino's webpack config to match Storybook's full control mode which returns a function instead of an object form (https://storybook.js.org/docs/configurations/custom-webpack-config/#webpack-customisation-modes)
• when Neutrino's webpack config gets hooked into Storybook's webpack config, storybook UI does not display correctly

Since Storybook works fine even without hooking Neutrino's webpack config (and hooking Neutrino's webpack config would rather produce undesirable consequences), I think it's best we leave Storybook's config as-is.
Maybe if Storybook implements changes to use storybook.config.js to export a preset, we may be able to consider hooking webpack in the future, if necessary :)

[helfi92]

Interesting! Thank you for the explanation, very helpful. I'll try to look into it soon and get back to you.

[JiwoonKim]

yarn storybook now displays:

[JiwoonKim]

Since Storybook also has storyshots feature using Jest, maybe its possible to utilize this for #23 👍 https://storybook.js.org/docs/testing/structural-testing/