feat: update storybook, uninstall unused dependencies

config/storybook/main.ts

@@ -0,0 +1,67 @@
+import { Configuration, DefinePlugin, RuleSetRule } from 'webpack';
+import path from 'path';
+import { buildCssLoader } from '../build/loaders/buildCssLoader';
+/* eslint-disable no-mixed-spaces-and-tabs */
+
+export default {
+    stories: [
+        '../../src/**/*.stories.@(js|jsx|ts|tsx)',
+    ],
+    addons: [
+        '@storybook/addon-links',
+        {
+            name: '@storybook/addon-essentials',
+            options: {
+                backgrounds: false,
+            },
+        },
+        '@storybook/addon-interactions',
+        'storybook-addon-mock',
+        'storybook-addon-themes',
+    ],
+    framework: '@storybook/react',
+    core: {
+        builder: 'webpack5',
+    },
+    webpackFinal: async (config: Configuration) => {
+        const paths = {
+            build: '',
+            html: '',
+            entry: '',
+            src: path.resolve(__dirname, '..', '..', 'src'),
+            locales: '',
+            buildLocales: '',
+        };
+		config!.resolve!.modules!.push(paths.src);
+		config!.resolve!.extensions!.push('.ts', '.tsx');
+		config!.resolve!.alias = {
+		    ...config!.resolve!.alias,
+		    '@': paths.src,
+		};
+
+		// @ts-ignore
+		config!.module!.rules = config!.module!.rules!.map((rule: RuleSetRule) => {
+		    if (/svg/.test(rule.test as string)) {
+		        return { ...rule, exclude: /\.svg$/i };
+		    }
+
+		    return rule;
+		});
+
+		config!.module!.rules.push({
+		    test: /\.svg$/,
+		    use: ['@svgr/webpack'],
+		});
+		config!.module!.rules.push(buildCssLoader(true));
+
+		config!.plugins!.push(
+		    new DefinePlugin({
+		    __IS_DEV__: JSON.stringify(true),
+		    __API__: JSON.stringify('https://testapi.ru'),
+		    __PROJECT__: JSON.stringify('storybook'),
+		    }),
+		);
+		// Return the altered config
+		return config;
+    },
+};