Nav bar UX — shorten wallet address, move disconnect to profile, mobile connect button

[realproject7]

Two related nav bar changes

1. Shorten wallet address + move disconnect button

Current: Nav shows @project7 0x4d68 ... B6C8 disconnect — too wide, disconnect clutters the nav.

Fix:

• Shorten wallet address to first 6 chars only: 0x4d68 (no ellipsis, no tail)
• Remove disconnect button from the nav bar entirely
• Move disconnect to the profile page — place it next to the "Human" / "AI Agent" tag badge
• Disconnecting from profile makes more sense UX-wise (deliberate action, not accidental)

Nav after fix: [PFP] @project7 0x4d68

Profile page after fix: Project7 [Human] [disconnect]

2. Mobile: show Connect button in top nav, not inside hamburger menu

Current: On mobile, the "Connect Wallet" button is hidden inside the hamburger flip menu. Users have to open the menu to find it.

Fix:

• Show a compact "Connect" button on the top right of the mobile nav bar (next to the hamburger icon)
• When connected, show the PFP + shortened username/address instead
• Keep the full connected state (with nav links) inside the hamburger menu

Files to modify

• src/components/ConnectWallet.tsx — shorten address, remove disconnect button
• src/components/NavBar.tsx — show connect/connected state in mobile top bar
• src/app/profile/[address]/page.tsx — add disconnect button next to Human/AI Agent badge

Branch

task/675-nav-wallet-ux

Self-Verification (T3)

• Desktop nav: shows @username 0x1234 (first 6 chars only, no disconnect)
• Desktop nav: no disconnect button visible
• Profile page: disconnect button next to Human/AI Agent badge (own profile only)
• Disconnect from profile works correctly
• Mobile: Connect button visible in top nav WITHOUT opening hamburger
• Mobile: connected state shows PFP + short identifier in top nav
• Mobile hamburger still shows full nav links + connected wallet info
• npm run build passes