Sticky header using intersection observer for recordset page

[KenyShah24]

This PR includes code changes to ensure the table header remains sticky while scrolling content on the recordset page using the Intersection Observer.

Issues Identified During Testing:

1. E2E Testing with Docker:

• The Docker image build process encounters compatibility issues with Node.js and npm versions required for the Chaise project.
• Additionally, openjdk-8-sdk is missing when running the script.
  The included changes address these dependency errors

2. E2E Testing Locally:

• On Windows, the mkdir -p command is not functioning as expected.
• A solution for this issue is still being explored.

[RFSH]

The implemented solution is not responsive and therefore we cannot merge it as is.

The vertical position of the sticky header is calculated on the initial load and remains the same. So if the user squeezes the page or remove a banner/alert (which changes the height of the top section), the sticky header shows up in the wrong spot.

Also there's no reason to keep the height in the React state. It's only used for manipulating the position of sticky header and not used in the render logic, so we shouldn't add it to state.

Other changes that should be applied:

• Please remove .last-run.json.
• Revert the docker file changes that you did.
• Revert the changes in locators/recordset.ts. Instead of using filter, we just need to change the selector to use the :not(.sticky-header) stynax. You can just revert you changes. Once we think this PR is ready, I'll take care of test cases myself.

[RFSH]

We had a call about this and I'm going to summarize what we talked about here:

The attachContainerHeightSensors function already does the calculations that we need and so we shouldn't add another resizeSensor for doing similar calculations.

Instead we can add a callback as an argument to attachContainerHeightSensors which would tell us about the height changes. And then we can use that callback for setting the top of the sticky header.

[RFSH]

With the latest changes, the sticky header is now properly adjusting as the available space above the table changes. The width of the headers are also adjusting properly.

But there are still two functionality issues that I mentioned in my comments and I'll summarize here:

1. The top calculation is not working properly for the popups. It's not honoring the vertical space outside of the modal, so the sticky header shows up on top of the page size dropdown.

2. This implementation is forcing React to rerender the recordset component and all its children after each height/width change. This can cause performance issues on busier pages.

By the way, please update this branch with the latest changes of the main branch.