Qt: Re-arrange Display Settings layout

[kamfretoz]

Description of Changes

This PR re-arrange the display settings section to be more cleaner and more concise.

The Checkboxes in some section has also been given GroupBox as well to make them more tidy.

Rationale behind Changes

A more intuitive UI makes a better UX.

Suggested Testing Steps

Just make sure i didn't break any of the settings.

Did you use AI to help find, test, or implement this issue or feature?

Nope, just constant headbanging and fist-fight with Qt Widgets Designer.

[kamfretoz]

rebased

[SternXD]

lgtm

[kamfretoz]

Thanks to @chaoticgd's massive help, the crop spinboxes now uses way less space.

[Pesa]

Thanks to @chaoticgd's massive help, the crop spinboxes now uses way less space.

Honestly the previous version (the first screenshot in this PR) looks way better to me. Why so much space between "Crop:" on the left and the 4 spinboxes now? It feels disconnected.

Also, I think the group box is redundant if there's just one group of settings in a given tab. It doesn't provide any additional info to the user and it just clutters the UI. https://learn.microsoft.com/en-us/windows/win32/uxguide/ctrl-group-boxes

[F0bes]

Thanks to @chaoticgd's massive help, the crop spinboxes now uses way less space.

Honestly the previous version (the first screenshot in this PR) looks way better to me. Why so much space between "Crop:" on the left and the 4 spinboxes now? It feels disconnected.

Also, I think the group box is redundant if there's just one group of settings in a given tab. It doesn't provide any additional info to the user and it just clutters the UI. learn.microsoft.com/en-us/windows/win32/uxguide/ctrl-group-boxes

Agreed, the spin boxes are in the wrong place. It's not intuitive.

[kamfretoz]

Agreed, the spin boxes are in the wrong place. It's not intuitive.

Alright i'll revert it to how it looked on the original description.