Upgrade Storybook to version 10

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

.storybook/main.ts

@@ -1,7 +1,14 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
+import { fileURLToPath } from 'node:url';
+import { createRequire } from 'node:module';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 import { join, dirname, posix } from 'path';
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const require = createRequire(import.meta.url);
+
 const isChromatic = process.env.STORYBOOK_STORY_SET === 'chromatic';
 
 // All stories for full development
@@ -42,6 +49,7 @@ const config: StorybookConfig = {
     getAbsolutePath('@storybook/addon-themes'),
     getAbsolutePath('@storybook/addon-docs'),
     getAbsolutePath('@storybook/addon-a11y'),
+    getAbsolutePath('@storybook/addon-vitest'),
   ],
   framework: {
     name: getAbsolutePath('@storybook/react-vite'),

.storybook/preview.tsx

@@ -55,7 +55,7 @@ const preview: Preview = {
     layout: 'fullscreen',
 
     backgrounds: {
-      disable: true,
+      disabled: true,
     },
 
     controls: {
@@ -72,7 +72,7 @@ const preview: Preview = {
     },
 
     viewport: {
-      viewports: {
+      options: {
         initial: {
           name: 'Initial',
           styles: { width: '320px', height: '100%' },