Enhance Mobile Layout and Functionality of Vertical Side Menu

This PR addresses several issues related to the mobile version of the vertical side menu:

Repositions the hamburger menu to the top to prevent overlap with menu items.
Ensures the logo is always visible at the top left corner.
Maintains the menu state during navigation.
Allows the menu to completely collapse and hide, ensuring no scroll bars appear when collapsed.
Adds a Payments section in the main menu with appropriate styling and links.
Adjusts submenu brightness and indentation for better hierarchy.
Implements custom scrollbar styles and responsive design utilities.

These changes enhance the usability and appearance of the mobile menu, making it more user-friendly and consistent across devices.

Tips:

Make sure to test changes before merging.
Submit a "Request Changes" review and I'll address it.
Close this PR with a comment if it's obviously incorrect. This will improve my future PRs.
Go to the Tusk activity logs to see more details.

yanok-stage / www.yanok.ai