Header row not scrolling with data rows in data browser

[mtrezza]

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

Header row in data browser is not aligned with the data rows below.

The same (or similar) issue also happens with the vertical scroll position.

This bug was likely introduced by this PR, where the issue was first observed:

• fix: Vertical scrollbar in data browser is outside visible area when scrolling horizontally #2457

Steps to reproduce

The reproduce the issues with the steps below, it is necessary that the classes contain >= 3x more rows and columns than fit in the browser window.

Horizontal scroll issue:

1. Open Installation class and scroll to the very right
2. Open User class

Vertical scroll issue:

1. Open Installation class and scroll down a few pages
2. Open User class (if this class only contains 1 class, the scroll position from the Installation class is preserved and one has to scroll up white space to get to the first row)

Actual Outcome

The _User class shows the header row misaligned with the data rows.

Expected Outcome

Rows should be aligned.

Environment

Dashboard

• Parse Dashboard version: 5.2.0-alpha.19
• Browser (Safari, Chrome, Firefox, Edge, etc.): Safari

[parse-github-assistant]

Thanks for opening this issue!

• 🚀 You can help us to fix this issue faster by opening a pull request with a failing test. See our Contribution Guide for how to make a pull request, or read our New Contributor's Guide if this is your first time contributing.

[parseplatformorg]

🎉 This change has been released in version 5.2.0-alpha.21