[BUG] [TableVis] Embeddables are not sized correctly, and create vertical and horizontal scrollbars

[joshuarrrr]

Describe the bug

The table renderer already correctly has vertical or horizontal scrollbars as necessary, so these extra scrollbars indicate a CSS or responsive issue in the container itself.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior No nested scrollbars

OpenSearch Version Latest (2.11.1)

Dashboards Version Latest (2.11.1)

Plugins

None

Screenshots

Host/Environment (please complete the following information):

• OS: MacOs
• Browser and version: Firefox

Additional context

Similar past issue with vega visualizations: https://github.com/opensearch-project/OpenSearch-Dashboards/issues/3485

[Lockhead]

This is still there on 2.13 and very annoying for larger dashboards

[Lockhead]

This is really hell for usability, it's impossible to use right now...

[AMoo-Miki]

The reason we get the extra scrollbars is that .visualization has a padding of $euiSizeS = 8px while its child has a margin of - $euiSizeL / 2 = -12px. This makes the child larger than the parent, forcing the scrollbars to show up.

[Lockhead]

This is still there on 2.16 and very annoying for larger dashboards

[Lockhead]

This is still there on 2.17.1 and very annoying for larger dashboards