feat(frontend): added storybook with tailwind integration

chore(frontend): added some required radix components

frontend/.storybook/main.js

@@ -0,0 +1,21 @@
+const path = require('path');
+module.exports = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    'storybook-dark-mode',
+    '@storybook/addon-postcss'
+  ],
+  framework: {
+    name: '@storybook/nextjs',
+    options: {}
+  },
+  core: {
+    disableTelemetry: true
+  },
+  docs: {
+    autodocs: 'tag'
+  }
+};

frontend/.storybook/preview.js

@@ -0,0 +1,11 @@
+import '../src/styles/globals.css';
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/
+    }
+  }
+};