chore: upgrades Storybook to v10 and modernize story format

[chrisvogt]

Summary

Upgrades Storybook from v8.5 to v10.2 and modernizes the story configuration format. This brings the project up to date with the latest Storybook release, improving developer experience and ensuring continued security updates.

Changes

Storybook Upgrades

• ⬆️ Upgraded all Storybook packages from 8.5.3 to 10.2.8
• 🗑️ Removed @storybook/test package (now built into core storybook package)
• 📝 Modernized .storybook/preview.js to use default export format

Story Format Modernization

• ✨ Converted all stories from CSF2 to CSF3 format
• 📦 Stories now use object-based format with args for better Controls panel integration
• 🔄 Updated story names to PascalCase convention
• 📥 Changed require() to import for CSS imports

Dependency Cleanup

• 🗑️ Removed babel-plugin-inline-react-svg (unmaintained, 3 years old)
  • Already using @svgr/webpack in Storybook config
  • Removed from both package.json and .babelrc

Benefits

• Better Developer Experience: CSF3 format provides improved TypeScript support and easier story composition
• Enhanced Controls: Story args are now fully editable in the Storybook Controls panel
• Security: Upgraded to actively maintained Storybook v10 with ongoing security updates
• Maintainability: Modern format makes stories easier to read, write, and maintain
• Performance: Storybook 10 includes performance improvements over v8

Testing

• All stories render correctly in Storybook
• Controls panel works as expected
• No visual regressions in component display
• Build process completes successfully

Breaking Changes

None. This is a development-only upgrade that does not affect the published package or its consumers.

Screenshots