(frontend/UI) Dropdown menus can be improved

[Trithereon]

Problem Statement

The dropdown menus always include a search bar.
This is not relevant for two menu types:

1. Quality (always 3 options: Low, Medium, High)
2. Compression level (always 3 options: Light, Balanced, Max)

Also, I think the UX would greatly benefit from having all three options immediately visible, without scrolling.

Proposed Solution

There is currently some vertical padding py-1 (4px top and bottom) that does not improve the appearance, and a restrictive max-h-[180px] that is too small to show the three options without scrolling.

We can fix this by removing py-1 and increasing the max-h-[value]. If we use a fixed pixel value, we can use max-h-[225px], but the UI risks looking ugly unless the user has 1rem=16px, which is not always true. Instead, I suggest we use max-h-[14.1rem], which gives good results on both Compression Level and Quality dropdowns, and it scales with the user's font size browser settings.

Before:

After:

Alternatives Considered

No response

Additional Context

No response