Add proper dropdowns to the Filters Select Menu

[akshatnema]

Reason/Context

So for now, the Filter section when expanded with dropdowns extends a lot in the webpage which creates UI issues for many screens that they have to scroll to click on the Apply Filters button.

Description

Introduce a new Dropdown for these filters so that we have dropdown menus of limited height only but making overflow-y set to scroll with good UI. Each item in the dropdown right now should act as an option in a row for the new dropdown.

[Savio629]

Should it look like this @akshatnema

[reachaadrika]

@akshatnema Can I work on this issue , the PR made for this was also long ago , I can work on this issue ?

[akshatnema]

@reachaadrika Yeah you can work on this issue.

Should it look like this @akshatnema

@Savio629 Yes, it should look like this but the height should be smaller for the dropdown.

[Savio629]

@Savio629 Yes, it should look like this but the height should be smaller for the dropdown.

@akshatnema If the elements are more how could we decrease the height for the drop down?
Or do we need to decrease the text size of elements to fit in more dropdown elements?

[ashutosh887]

I would like to work on this

[Savio629]

@ashutosh887 @sambhavgupta0705 is already working on this pr.
You can hop on some other issues...

[ashutosh887]

@Savio629 Can you assign me other Good First Issues to please?

[sambhavgupta0705]

@Savio629 Can you assign me other Good First Issues to please?

You may check out this one : #1581

[whoisvishesh]

Hey Folks, I want to know, here we were working on building the user interface as described above or trying to find the code logic behind the drop-down?

Though I know @sambhavgupta0705 is already working on this but want to understand the flow in order to help if needed. Do let me know!