[Vulnerabilities] Migrate from CRA Storybook to Vite compatible Storybook main

client/.eslintrc.cjs

@@ -8,7 +8,7 @@ const restrictedSyntax = [
 ];
 
 module.exports = {
-  extends: ['react-app', 'react-app/jest', 'plugin:storybook/recommended'],
+  extends: ['react-app'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     project: ['./tsconfig.json'],

client/.storybook/main.ts

@@ -1,27 +1,11 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-
-import path = require('path');
+import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-  ],
   framework: {
-    name: '@storybook/react-webpack5',
+    name: '@storybook/react-vite',
     options: {},
   },
   staticDirs: ['../public'],
-  webpackFinal: async (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      '@': path.resolve(__dirname, '../src'),
-    };
-    return config;
-  },
 };
 export default config;

client/.storybook/preview.ts

@@ -1,7 +1,6 @@
 import type { Preview } from '@storybook/react';
 
 import '../src/styles/globals.css';
-import 'tailwindcss/lib/css/preflight.css';
 
 const preview: Preview = {
   parameters: {