Update Storybook to latest

[timea-solid]

Managed to update Storybook from 6 to 7. Beyond 7, Storybook does not support MDX stories anymore.

[melvincarvalho]

Saw the "help wanted" tag and took a look at this.

Storybook Migration Resources

The official documentation for upgrading:

• Storybook 8 Migration Guide
• Migration from 7.x to 8.0
• MIGRATION.md on GitHub

The key issue is that Storybook 8 removed support for .stories.mdx files (the hybrid format where stories are defined inside MDX). Stories must now be in CSF (Component Story Format) .stories.js files, with MDX used only for documentation.

What We Did

1. Ran the upgrade command:

   npx storybook@8 upgrade

   This updates packages and runs automigrations including the mdx-to-csf codemod.

2. The codemod converted all 21 .stories.mdx files to:

   • .stories.js files (CSF3 format with story definitions)
   • .mdx files (pure documentation)

3. Added required addons:

   • @storybook/addon-webpack5-compiler-swc - compiler support for Storybook 8
   • @storybook/addon-mdx-gfm - GitHub-flavored markdown support (migration helper)

4. Updated configuration:

   • Removed deprecated argTypesRegex from preview.js
   • Updated stories glob pattern in main.js

5. Verified the build passes: npm run build-storybook completes successfully.

Commit: f1e8f9f