fix(storybook): add horizontal scroll container to variation tables on mobile viewports

[Asmi768]

This PR fixes the overflow issue in Storybook variation/state tables on mobile viewports.

The tables were rendered directly without any scroll container, which caused content to extend beyond the viewport on small screens. As a result, users could not read table data or interact with stories properly on mobile.

I wrapped the variation table inside a scrollable container that enables horizontal scrolling while keeping table semantics intact.

Keeps desktop behavior unchanged

Makes tables usable on mobile

Enables natural horizontal scroll when needed

Issue(s)

Closes #1825

Further comments

This is a small UI fix focused on Storybook usability.
No breaking changes or behavior changes to components themselves.

I tested on:

Chrome devtools mobile view

Desktop viewport

The fix is intentionally minimal and does not alter the table structure — just adds scrollability.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 8c15258

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}