UI/UX improvements

[7heMech]

resolves #4918, resolves #4855, resolves #4853

• on desktop:

  • tweaks main login page to look better.
  • removes tabler scrollbar compensation which offsets entire page on firefox and sometimes on Chromium.

• on mobile:

  • page theme and language pickers on login and in main screens within a profile menu.
  • makes header width not change with big tables because of overflow.
  • makes table rows scrollable if they are too long.
  • makes the main menu close after selection.

• generally:

  • fixes logo flicker on loading.
  • improves modals in dark mode via a dark backdrop and shadow.

Desktop login page:

• once a language was picked the selector was offset

Mobile:

[7heMech]

I might add to this PR adding the profile, lang and theme buttons in the main app and closing #4918 or should I do it in a different PR? @jc21

[7heMech]

Having a blast with the name :joy:

[7heMech]

@sopex the allegations were not false :joy:

[7heMech]

I was thinking of removing the logo when switching between tabs or waiting for like 100ms and if not loaded yet then show loader, but I guess it was intentionally made like that, idk, in dev it looks weird, but on a prod server it grew on me :man_shrugging:

[sopex]

This is great!!!

[nginxproxymanagerci[bot]]

Docker Image for build 20 is available on DockerHub:

nginxproxymanager/nginx-proxy-manager-dev:pr-4928

[!NOTE] Ensure you backup your NPM instance before testing this image! Especially if there are database changes. This is a different docker image namespace than the official image.

[!WARNING] Changes and additions to DNS Providers require verification by at least 2 members of the community!