fix: storybooks working

apps/graphpolaris/.storybook/main.js

@@ -9,7 +9,7 @@ module.exports = {
     ...rootMain.stories,
     '../src/app/**/*.stories.mdx',
     '../src/app/**/*.stories.@(js|jsx|ts|tsx)',
-    '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
+    '../src/web/components/**/*.stories.@(js|jsx|ts|tsx)',
   ],
   addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],
   webpackFinal: async(config, { configType }) => {

apps/graphpolaris/src/app/app.tsx

@@ -7,7 +7,6 @@ import {
 import React, { useEffect } from 'react';
 import ReactJSONView from 'react-json-view';
 import GridLayout from 'react-grid-layout';
-import TestComponent from '../web/components/TestComponent';
 import Panel from '../web/components/panels/Panel';
 
 const RawJSONVis = React.memo(() => {

apps/graphpolaris/src/web/components/panels/Panel.stories.tsx

@@ -7,7 +7,7 @@ export default {
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'NodeLink',
+  title: 'Panel',
   component: Panel,
   decorators: [(story) => <div style={{ padding: '3rem' }}>{story()}</div>],
 } as ComponentMeta<typeof Panel>;
@@ -18,10 +18,13 @@ export const Primary = Template.bind({});
 
 Primary.args = {
   content: 'Testing header #1',
+  color: 'blue',
 };
 
 export const Secondary = Template.bind({});
 
 Secondary.args = {
   content: 'Testing header number twoooo',
+  color: 'purple',
+  children: <h1>I AM A CHILD</h1>,
 };

apps/graphpolaris/src/web/components/panels/Panel.tsx

@@ -20,6 +20,7 @@ const Wrapper = styled.div<{ color: string }>`
 `;
 
 const Content = styled.div`
+  margin: 1em;
   padding: 1em;
   background-color: white;
   border-radius: 8px;