Overflow issue in the webapp

[Gojo-Taqi]

Describe the bug
On selecting the number of rows to display, on whatever page it asks for, the page extends automatically based on the number of rows selected.

To Reproduce
Steps to reproduce the behavior:

1. Offline report card(Or any other page that has the option to select the number of rows on display like offline dashboard, application menu, etc.)
2. Scroll to the bottom of the page and select a bigger number on the number of rows it asks to display like 25 or 100

Expected behavior
Ideally, no matter how much of a number is selected, the web app should only extend so much depending on how much data the respective page has.
So if there are 10 report cards on the page, even on selecting 100 rows, the page should remain at a constant height or the max height of the total number of items on the respective page.

Reference video:
https://github.com/user-attachments/assets/2fc7401b-9c73-4cbf-be21-597a7c9846fb