Rearrange navigational links

[brunomenezes]

📄 Context

The header is becoming crowded with navigation and call-to-action kind of elements. Let's make the navigation part in a separate application area based on screen sizes, i.e. a Navbar.

✔️ Solution

By moving page links from the header to the existing Navbar. Also, updating the current Navbar behaviour;

• Adjust the Navbar to maintain the current behaviour/content for small screens, but it becomes always visible for big screens.
• Remove the links [Home, Applications] from the header to the Navbar.
• You may need to adjust the default width for the desktop in case the area feels too big for the content. (check the theme object for that)
• Header should keep the Connect Wallet, Deposits, dark/light mode and dots buttons on a big screen.
• The burger icon continues to only show up on small screens.
• The Navbar should be collapsed by default on small screens.

📈 Subtasks

• Navbar is always visible on big screens.
• Navbar is collapsed by default on small screens.
• Navbar displays the current connect / deposit actions on small screens.
• The links were moved from the header to the NavBar on big screens.

🎯 Definition of Done

• The wallet-related actions and navigational links are visible on small screens.
• The Navbar only displays the navigational links on big screens.

[brunomenezes]

There is PR that may affect the changes here. So keep an eye on #61. I would say this issue depends on that PR change.