chore: upgrade Storybook 8

.storybook/main.js

@@ -6,6 +6,7 @@ const config = {
     '@storybook/addon-essentials',
     '@storybook/addon-onboarding',
     '@storybook/addon-interactions',
+    '@chromatic-com/storybook'
   ],
   framework: {
     name: '@storybook/react-vite',

.storybook/preview.js

@@ -3,7 +3,6 @@ import '../app/styles/tailwind.css';
 /** @type { import('@storybook/react').Preview } */
 const preview = {
   parameters: {
-    actions: {argTypesRegex: '^on[A-Z].*'},
     controls: {
       matchers: {
         color: /(background|color)$/i,

package.json

@@ -47,6 +47,7 @@
     "@remix-run/react": "^2.8.1",
     "@remix-run/serve": "^2.8.1",
     "@sindresorhus/slugify": "^2.2.1",
+    "@storybook/test": "^8.0.8",
     "@tanstack/react-table": "^8.16.0",
     "bcryptjs": "^2.4.3",
     "bullmq": "^5.7.1",
@@ -70,18 +71,18 @@
     "zapatos": "^6.4.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1",
     "@commitlint/cli": "^18.6.1",
     "@commitlint/config-conventional": "^18.6.3",
     "@faker-js/faker": "^8.4.1",
     "@remix-run/dev": "^2.8.1",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-interactions": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
-    "@storybook/addon-onboarding": "^1.0.11",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
-    "@storybook/testing-library": "^0.2.2",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/addon-onboarding": "^8.0.8",
+    "@storybook/blocks": "^8.0.8",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
     "@total-typescript/ts-reset": "^0.5.1",
     "@types/bcryptjs": "^2.4.6",
     "@types/node": "^20.12.7",
@@ -93,6 +94,7 @@
     "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "6.20.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
     "dbmate": "^2.14.0",
     "eslint": "^8.57.0",
@@ -110,7 +112,7 @@
     "prettier-plugin-tailwindcss": "^0.5.14",
     "rimraf": "^5.0.5",
     "rollup-plugin-visualizer": "^5.12.0",
-    "storybook": "^7.6.17",
+    "storybook": "^8.0.8",
     "tailwindcss": "^3.4.3",
     "tailwindcss-animate": "^1.0.7",
     "ts-node": "^10.9.2",