[BUG] More filters menu height should extend to the bottom of the page or container should not overflow

[HelNershingThapa]

Describe the bug
The current implementation of the more filters menu in our web application is causing visual inconsistencies and usability issues. The menu's height does not extend to the bottom of the page, resulting in an awkward appearance and an overall poor user experience.

To Reproduce
Steps to reproduce the behavior:

1. Navigate to the Explore Projects page with the More Filters functionality.
2. Expand the filters menu.
3. Observe that the menu's height does not extend to the bottom of the page or that the container overflows, causing scrolling on the main page.

Expected behavior
The height of the filters menu should be adjusted to fill the entire vertical space from the top of the page to the bottom. Alternatively, we can modify the container to prevent overflowing the page, enabling scrolling within the filters menu while keeping the rest of the page static.

Screenshots

Additional context
This issue was brought up by @kshitijrajsharma on our Slack channel

[mtalhabaig3]

@HelNershingThapa can I go ahead with this?

[HelNershingThapa]

@mtalhabaig3 Yeah, sure, you can. Feel free to ask if you need anything.

[mtalhabaig3]

Alright!

[HelNershingThapa]

@mtalhabaig3 It has been a while. If there have been any updates on the development, please let me know.

[mtalhabaig3]

@HelNershingThapa I started working on it but eventually got busy with some interviews and assessments, got done with it yesterday. Sorry about not being in contact. I am resuming the work on it and will let you know with the updates! 😊