[sui-studio] Improve the navigation of the Drawer and Header

[turolopezsanabria]

Package

[SUI Studio]

Description

The current navigation has a poor UX.

• The button to show and hide the drawer is hidden on scroll
• The header is not fixed on top hence the user needs to scroll al the way up every time to change a component
• The font-size us too small
• The menu can't be collapsed in desktop
• etc

Steps to Reproduce

1. Open https://sui-components.vercel.app/ on a mobile device
2. Navigate to any component
3. See the defects

Expected behavior: [What you expect to happen]

• Navigation menu always visible, preferably next to the header
• Fixed header
• The font-size of the menu should be 16px;
• The menu needs to be collapsible in Desktop as well.