Vertical scrollbar is shown inside the horizontally scrollable area, which makes it usually out of sight

New Issue Checklist

• I am not disclosing a vulnerability.
• I am not just asking a question.
• I have searched through existing issues.
• I can reproduce the issue with the latest versions of Parse Server and Parse Dashboard.

Issue Description

To see the vertical scrollbar, one has to scroll to the far right of the table, not on the screen, because many tables have many columns, and by going there, one no longer sees whatever horizontal position they were at, and in very wide tables, it may take a while to go back to the spot they were originally at, before looking at the scrollbar. Parse Dashboard is the only app I know that does this (among the ones kind enough to display a scrollbar).

Steps to reproduce

Open any table where columns take more than one screen wide, in any version of Parse Dashboard.

Actual Outcome

Vertical scrollbar only appears when horizontal scrollbar at maximum position (right end).

Expected Outcome

Vertical scrollbar always visible.

Environment

Dashboard

• Parse Dashboard version: both 2.1.0 release and in 4.0.0 release.
• Browser (Safari, Chrome, Firefox, Edge, etc.): Firefox
• Browser version: 97 and several previous ones

Server

• Parse Server version: 4.3.0
• Operating system: Heroku 18
• Local or remote host (AWS, Azure, Google Cloud, Heroku, Digital Ocean, etc): Heroku

Database

• System (MongoDB or Postgres): Mongo
• Database version: ?
• Local or remote host (MongoDB Atlas, mLab, AWS, Azure, Google Cloud, etc): Heroku

Reproduce the issue by opening a Parse Dashboard table whose columns exceed one screen, using Firefox or another listed browser. Start by locating the table's horizontal and vertical scrolling area; done means the vertical scrollbar remains visible without scrolling to the far right, while horizontal positioning stays usable.