Visualise wallet network identity with chain-aware tinted accents in NetworkSwitcher

[greatest0fallt1me]

Description

This is a UI/UX issue making the active network unmistakable in components/navbar/NetworkSwitcher.tsx via a chain-aware tint applied to its border-bottom, the WalletMenu avatar ring, and the active route indicator.

Requirements and Context

• Tints sourced from a NETWORK_TINT map (mainnet, testnet, futurenet)
• Color-blind safe pairing: tint + chip label always shown together
• Persist last-used tint across reloads to avoid flash
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/network-tint-system

2. Implement changes
   • Edit components/navbar/NetworkSwitcher.tsx, WalletMenu.tsx
   • Add lib/network-tint.ts
3. Test and commit
   • Manual test switching between networks
   • Cover edge cases (unknown chain id)
   • Include test output and notes in the PR

Example commit message

feat: chain-aware tint system across navbar

Acceptance Criteria

• Each network has a distinct, accessible tint
• Tint never replaces text labels
• No flash on cold load

Guidelines

• WCAG 2.1 AA, 3:1 contrast for non-text indicators
• Clear documentation and inline comments
• Timeframe: 96 hours