GUI: improve small screens support (compact mode, pre-defined settings)

[JayDi85]

Additional issue from #6881 (see those discussion for more info). Small screen: 1366 × 768.

TODO:

• optimize player panel (rework icons list, support dynamic sizes, e.g. small, normal, big)
• check battlefield and hand zone sizes in small screen (I saw reports that users can't setup it to useful sizes by preferences);
• check hand zone and horizontal scroll in small screens (see UI: hand's scroll disappears on small window sizes #5605);
• add pre-defined size settings in preferences window (example: combobox with small, normal/default, big options to select);
• add scrolling battlefield panels by mouse wheel (e.g. scrolls stack or hand zone by mouse wheel instead mouse click and move).

[copperfield42]

that compact version sound nice to finally have the avatar in gameplay, which with everything at minimum looks like this:

I could have some extra space by auto-hide the taskbar, but that come with a set of annoyances that outweigh a missing avatar.

Additionally, notice all that wasted space below the big card, it could be better use by putting the log there for example, so then one can close the chat and gain a little extra horizontal space, that at least playing with the AI the chat serve no purpose, or combine the big card with the chat and log and then the user can adjust them to their taste/needs.

[JayDi85]

@copperfield42 you can hide big card panel by little arrow. Same for chat too.

[copperfield42]

yes, I know I can do that, but I like the big card panel and hiding the chat also hide the log, and I don't want to hide the log, that is why I have it in that particular arrangement.

I would like something like this:

more space in the game area, and no more wasted space and all elements are present.
And by letting them be adjustable (like the chat vs log are) the user can find their prefer arrangement