Fix overflowing of `table-container` and add styling to pagination tab

[huong-li-nguyen]

Description

• Remove padding from table-container
• Incorporate height of pagination-tab into the calculated height for table-container
• Fix font-color and size for pagination tab
• Update tables in demo to include pagination (otherwise scroll-bar is very small and people need to scroll for a long time)
• Simultaneously fixes overflowing of tables here: https://github.com/mckinsey/vizro/pull/254

Note: Decided to remove the padding as we mainly added it for the data-table, which might not be relevant for the ag-grid. Let's remove it for now as even with the padding it's not aligned with the charts, nor with the rest of the page. We'll come back to it after refining CSS for both tables.

Screenshot

After changes:

Notice

• [x] I acknowledge and agree that, by checking this box and clicking "Submit Pull Request":

  • I submit this contribution under the Apache 2.0 license and represent that I am entitled to do so on behalf of myself, my employer, or relevant third parties, as applicable.
  • I certify that (a) this contribution is my original creation and / or (b) to the extent it is not my original creation, I am authorized to submit this contribution on behalf of the original creator(s) or their licensees.
  • I certify that the use of this contribution as authorized by the Apache 2.0 license does not violate the intellectual property rights of anyone else.
  • I have not referenced individuals, products or companies in any commits, directly or indirectly.
  • I have not added data or restricted code in any commits, directly or indirectly.

[huong-li-nguyen]

@maxschulz-COL - FYI - Hopefully removing all the padding here will make it easier for you to style the ag-grid. Does something for pagination also exist for the ag-grid? If yes, would be great to include in the demo example! :)