Tidy of components

- Moved all components into a single directory like nextjs
 - Made component names consistent with each other
 - Made component names consistent with their export class names
 - Added storybook for a few components with the aim to extend this further.

stories/0-Welcome.stories.js

@@ -0,0 +1,26 @@
+import '../src/styles/index.scss';
+import React from 'react';
+import {Describe} from './ui';
+
+
+export default {
+  title: 'Welcome',
+};
+
+export const ToStorybook = () => {
+  return (
+    <Describe>
+      <h1>Maputnik component library</h1>
+      <p>
+        This is the Maputnik component library, which shows the uses of some commonly used components from the Maputnik editor. This is a stand alone place where we can better refine them and improve their API separate from their use inside the editor.
+      </p>
+      <p>
+        This should also help us better refine our CSS and make it more modular as currently we rely on the cascade quite a bit in a number of places.
+      </p>
+    </Describe>
+  ); 
+}
+
+ToStorybook.story = {
+  name: 'Intro',
+};