Hamburger Menu to navigate through the Passport and Leaderboard pages

[Sebastian Thomas]

Description

As a user
I want to navigate between the Passport and Leaderboard pages using a hamburger menu
So that I can view either the Passport or the Leaderboard page

Proposed Solution

https://www.figma.com/file/tvnkfOcsSfp21oouz9Lbqy/Initial-Design?type=design&node-id=53%3A4&mode=design&t=xkwJcP2RvHWeaU9P-1

Acceptance Criteria

• Hamburger menu placed near the top left corner as per Figma design
• When hamburger icon is clicked, Menu expands to overlap parts of the page (just above the passport) as per Figma design
• When hamburger icon is clicked, Hamburger icon transforms into an "X"
• When the "X" icon is clicked, "X" transforms back into hamburger icon and the menu is no longer visible
• Smooth transition added when transforming from hamburger icon to "X" and vice versa

Notes