* Redesign user dropdown menu with new icons and UI
Replaces the old top menu and UI selection controls with a modern user dropdown menu featuring new icon assets, improved styling, and a UI settings submenu. Updates CSS for layout and responsiveness, adds new PNG icon files, and refactors related JavaScript logic for menu toggling and user image handling.
* Replace user dropdown icons with Font Awesome
Swapped out image-based icons in the user dropdown menu for Font Awesome icon elements. This change reduces reliance on image assets, improves consistency, and simplifies icon management.
* Update icons in user dropdown menu
Replaced the UI Settings, Left bar interface, and night mode icons with more appropriate Font Awesome icons for improved clarity and consistency in the user dropdown menu.
* Fixed menu position for Fixed Width Style
* Updated Dropdown for Translations
Refactored hardcoded dropdown text to support translation handling.
* Updated Translations
* Updated dropdown to close SubMenu on all buttons.
* Removed "UserDummyMenuSpan" Not needed any more as we have removed UIMenu
* Improve notification icon UI and add badge
Replaces the plain notification count with a bell icon and a badge for better visibility. (FA)
* notificationBadge & notificationCount:hover
* Add new translations
Added new translation entries for 'Toggle Dark Mode', 'Toggle Light Mode', 'Toggle Footer Bar', 'Left Bar Interface', and 'Top Bar Interface'
* Updated Dropdown background
* Updated Dark/Light Mode Toggle
* Updated Right Chevron Arrow
* Add initial support for custom stylesheets
Allow an override file `custom.css` that can partially override the
stylesheet used for the web interface.
# Changes
1. Update default views to use custom stylesheet
2. Update documentation
Related to: https://github.com/Ylianst/MeshCentral/issues/7144
* Add custom style support to more views
Load `custom.css` in the following views:
- agentinvite.handlebars
- invite.handlebars
- login2.handlebars
- message2.handlebars
- messenger.handlebars
- player.handlebars
- sharing.handlebars
Introduces the .backgroundContainer class to improve styling of modal content in night mode by setting text color. Updates relevant divs in default3.handlebars to use this class for hardware keys and login events sections. Also adjusts the width of login event entries for better display.
* [ENH] Add toggle switch for new MeshCentral UI in settings and top header of the classic UI
* [ENH] Add toggle for new MeshCentral UI in settings and in top headbar of the modern UI
* add showModernUIToggle and store uiviewmode in db
---------
Co-authored-by: kambereBr <brunokambere@gmail.com>
