Re-configure Storybook setup

Author: SafdarJamal

.storybook/main.js

@@ -1,16 +1,21 @@
-module.exports = {
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+
+const config = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
     '@storybook/preset-create-react-app',
+    '@storybook/addon-interactions',
   ],
   framework: {
     name: '@storybook/react-webpack5',
     options: {},
   },
   docs: {
-    autodocs: true,
+    autodocs: 'tag',
   },
+  staticDirs: ['..\\public'],
 };
+
+export default config;