feat(Tabs): Scroll wide content of a Tab Panel horizontally

[VincentSmedinga]

Describe the pull request

Thank you for contributing to the project!
Please use this template to help us handle your PR smoothly.

What

Allows the content of a Tab Panel to scroll horizontally.

Why

To prevent the Tabs from growing to contain its content, after which may overflow its container.

How

By adding .ams-tabs__panel { overflow-x: auto; } and an example.

Checklist

Before submitting your pull request, please ensure you have done the following. Check each checkmark if you have done so or if it wasn't necessary:

• Add or update unit tests
• Add or update documentation
• Add or update stories
• Add or update exports in index.* files
• Start the PR title with a Conventional Commit prefix, as explained here.

Additional notes

• There has been some discussion on a composition of a Table in a Description List in a Tab Panel causing overflow. We concluded this is expected behaviour of CSS and that a responsive appearance of our table component may resolve this in the future. I recommended a local inline style to influence the local sizing behaviour of CSS Grid.

[dlnr]

Works but there seems to be an underlying problem with Table here

[RubenSibon]

Generally, I approve this as an MVP solution, but having one or two horizontal scrollbars on smaller views is not a very user-friendly and visually appealing UI. It fixes breaking the layout on the short-term, but for the longer term a more elegant solution is welcome.