Build the Inventory page UI

[clicksave]

Players should have a controller native way to see and manage their assets. here's a UI for it. This should be built in a way thats modular, leaving it up to the game studio to provide this out of the box experience to their players.

https://www.figma.com/design/OSbzNkyR9UYV4Erz9oF9JJ/Controller?node-id=3359-34118&t=1jddelHAoT5btHTs-1

---

Here a list of things we'd like to include

• Username
• Nav buttons (Quests, Inventory, Activity)
• Whitelisted Tokens (+ ETH)
• Whitelisted Assets

I've included the specific components listed on this page here, which include hover states where they exist.

https://www.figma.com/design/OSbzNkyR9UYV4Erz9oF9JJ/Controller?node-id=3412-11279&t=1jddelHAoT5btHTs-1

---

And finally some notes

• We'll want to show labels for the nav tab on hover (as shown in the graphic above)
• There will be some follow up tickets that give players a UI to manage their assets
• We'll want to separate NFTs into different groups as shown above with 'Golden Tokens' and 'Beasts'
• the Asset label's include the number of assets owned by the player. e.g. "Beasts (9)"
• PFPs havent been built yet so in place of that im using the cartridge icon as a placeholder