feat: improve layout

[Nerivec]

• use sidebar for main nav
  • top nav gets dynamically allocated content based on page (search, sub menus, multi-instance switchers, etc.)
  • better adapts to screen size
• improve dashboard contrast, add availability rings (same for group cards)
• add extra column counts for dashboard layout on ultra-wide screens
• adjust various action cards to better fit on various screen sizes
• fix dialogs possibly constrained to wrong area (portal to body)
• extract donation page, and add some info about contributing to various projects
• fix various small localized issues (button styles, truncate issues, overflow issues, etc.)

@ams2990 @KoalaWerewolf @thargy @thk-socal @0rsa if you can give this a quick look once merged in edge 😉

I'm open to ideas on the icons of the sidebar (and anywhere else really). Can search available here: https://fontawesome.com/search?q=link&f=classic&s=solid&ic=free&o=r

[Koenkk]

Really like it! Some suggestions:

• Move frontend settings as a tab under settings
• Change the permit join button so it's more obvious what it does (I remember other users mentioning this before):

• For OTA use cloud-arrow-up icon
• Change favicon to z2m icon
• Not sure about this one, change group icon to people-group

[Nerivec]

1. I moved it out on purpose a while back. It was conflicting with the tab under Settings>Settings, was hard to point users to the right one. It also does not work well for multi-instance users, since those settings are global, not per-instance
   • Note: to quickly test multi-instance you can use the host mode of Vite npm start -- --host it will give you multiple URLs that you can use as a cheap trick to duplicate instances
   • e.g. VITE_Z2M_API_URLS=localhost:5173/api,192.168.123.45:5173/api VITE_Z2M_API_NAMES=dev,dev2 npm start -- --host
2. It's a tricky one, with varying friendly names, it can easily break the button design/allocated space. Have to see if maybe we can multi-line it or something
3. Done, we'll see if we get feedback on these
4. I created a full set of metadata so standalone users can identify WindFront properly, hence the favicon change
5. Fought with that one a lot, but people-group doesn't fit, neither does any other icon I could think of