Fix mobile menu layout issues

This pull request addresses several issues with the mobile version of the sidebar menu.

Moves the hamburger menu (sidebar toggle button) to the top of the sidebar to prevent it from overlapping with menu items.
Updates the indentation of menu items for better hierarchical structure.
Implements a fade effect for the scrollbar for a more elegant visual experience.
Ensures that the logo remains visible in all states of the sidebar.
Adjusts the layout and click functionality of the menu items to make the entire line clickable.
Updates specific menu item categories and styles based on the detailed task requirements.

These changes are aimed at improving the overall user experience and visual consistency of the menu across different 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