Make different zoom levels display correctly

[len-foss]

First time contributor checklist:

• [x] I have read the README and Contributor Guidelines
• [x] I have signed the Contributor Licence Agreement

Contributor checklist:

• [x] My contribution is not related to translations.
• [x] My commits are in nice logical chunks with good commit messages
• [x] My changes are rebased on the latest main branch
• [x] A npm run ready run passes successfully (more about tests here) [well, Optimize markAllCallHistoryReadInConversation is fast fails but I assume it's because you expect developers to have beefy computers]
• [x] My changes are ready to be shipped to users

Description

On a fresh install, setting the Zoom level to 200% result in unusable preferences settings. For some reason, it is forbidden to resize the window, while the window size is not a function of the zoom level nor screen size. Making it resizable is a "free" tweak that makes it reasonably usable.

Furthermore, even at 150% some component just don't display nicely.

I think the screenshots convey the problem. This is at 150%

The about page is also cropped, making the links overflow the window size.

I've also made some tweaks to make the preferences look all right at all default zoom levels (after is on the left, current production build on the right):

[len-foss]

Hello @ayumi-signal Is there something blocking, or any way I can help?