fix(nfts): taikoon-ui design r4

[bearni95]

Important: DO NOT MERGE

This PR has the following PRs merged into it, and requires those to be merged before this one:

• feat(nfts): taikoon-ui updated list of blocked countries #17403
• fix(nfts): taikoon ui taiko-mainnet deployment #17405
• fix(nfts): taikoon smart contracts mainnet launch - revision 2 #17426

---

• correct button colors
• correct "Mint now" icon color on light mode
• Resize buttons on mobile menu
• Gallery component component overlap on mobile
• Hide hardhat network on final deployment
• Network enforcer update
• cleanup non-ui file changes
• use svg logo
• remove pre-mint warning modal
• FAQ content
• holesky deployment
• endless load on mint panel
• remove snap scrolling
• fix footer overlapping FAQs on short screens

---

• add network-enforcer exception for *.vercel.app*

Notion QA

• gas fee bug
• console outputs on mint page
• toasts using wrong colors
• web3 modal lists hardhat
• header buttons have no states
• collection page empty
• error thrown on "Your taikoons" page
• indicate when it's "your collection" vs an address on collection page title
• header cna overlap wallet (medium screen)
• cannot re-open already clicked taikoon on collection page
• cache ipfs details
• pre-mint modal needs to be improved
  • add proper link to chain explorer
• FAQ text improvement
• More story/text/background
• No traits visible
• Report when user has already minted on eligibility page

---

• update mint panel after wallet disconnect

---

QA Round 2

• Network enforcer broken on vercel
• Mint page flickers upon load
• Include a check case for the mint modal saying "Sorry, you are not eligible"
• Hide "Your Taikoons" menu button as long as the user has none minted
• No ENS Name warning on "Your collection"
• Handle collection load states
• Metamask not available on mobile
• Glassy header not visible on mobile
• System not detecting metamask wallet switches
• Collection on mobile pops a "#NaN" detail view of a Taikoon upon load

---

QA Round 3

• broken owner link in collection detail
• memory leak

[openzeppelin-code]

fix(nfts): taikoon-ui design r4

Generated at commit: 8a722fa70dfb915fb64165b7fd2ea12c2feac955

🚨 Report Summary

	Severity Level	Results
Contracts	Critical High Medium Low Note Total	2 2 0 8 42 54
Dependencies	Critical High Medium Low Note Total	0 0 0 0 0 0

---

For more details view the full report in OpenZeppelin Code Inspector