chore: upgrade storybook to v10 (#11334)

- Replaced deprecated `@storybook/addon-styling` with `@storybook/addon-themes`
- Removed deprecated `@storybook/addon-essentials` and `@storybook/addon-interactions`
- Upgraded `chromatic`, although it's seemingly unused anywhere
- Upgraded `@types/node` to match the ones in the guide and website

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

packages/ui/.storybook/main.ts

@@ -2,12 +2,7 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 export default {
 	stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
-	addons: [
-		'@storybook/addon-links',
-		'@storybook/addon-essentials',
-		'@storybook/addon-interactions',
-		'@storybook/addon-styling',
-	],
+	addons: ['@storybook/addon-links', '@storybook/addon-themes', '@storybook/addon-docs'],
 	core: {
 		builder: '@storybook/builder-vite',
 	},
@@ -15,7 +10,4 @@ export default {
 		name: '@storybook/react-vite',
 		options: {},
 	},
-	docs: {
-		autodocs: 'tag',
-	},
 } satisfies StorybookConfig;

packages/ui/.storybook/preview.ts

@@ -1,5 +1,5 @@
 import type { Preview } from '@storybook/react';
-import { withThemeByClassName } from '@storybook/addon-styling';
+import { withThemeByClassName } from '@storybook/addon-themes';
 
 import '@unocss/reset/tailwind-compat.css';
 import './preview.css';

packages/ui/package.json

@@ -60,21 +60,19 @@
 	"devDependencies": {
 		"@favware/cliff-jumper": "^6.0.0",
 		"@react-icons/all-files": "^4.1.0",
-		"@storybook/addon-essentials": "^8.6.14",
-		"@storybook/addon-interactions": "^8.6.14",
-		"@storybook/addon-links": "^8.6.14",
-		"@storybook/addon-styling": "^1.3.7",
-		"@storybook/blocks": "^8.6.14",
-		"@storybook/react": "^8.6.14",
-		"@storybook/react-vite": "^8.6.14",
-		"@storybook/testing-library": "^0.2.2",
-		"@types/node": "^22.19.1",
+		"@storybook/addon-docs": "^10.1.4",
+		"@storybook/addon-links": "^10.1.4",
+		"@storybook/addon-themes": "^10.1.4",
+		"@storybook/builder-vite": "^10.1.4",
+		"@storybook/react": "^10.1.4",
+		"@storybook/react-vite": "^10.1.4",
+		"@types/node": "^24.10.1",
 		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
 		"@unocss/eslint-plugin": "^66.5.10",
 		"@unocss/reset": "^66.5.10",
 		"@vitejs/plugin-react": "^5.1.1",
-		"chromatic": "^11.29.0",
+		"chromatic": "^13.3.4",
 		"cross-env": "^10.1.0",
 		"eslint": "^9.39.1",
 		"eslint-config-neon": "^0.2.9",
@@ -82,7 +80,7 @@
 		"eslint-formatter-pretty": "^7.0.0",
 		"prettier": "^3.7.4",
 		"prop-types": "^15.8.1",
-		"storybook": "^8.6.14",
+		"storybook": "^10.1.4",
 		"turbo": "^2.6.3",
 		"typescript": "~5.9.3",
 		"unocss": "^66.5.10",