Reduce hydration drift and metadata inconsistency in public profile rendering so usernames, avatars, and stored user data load predictably across refreshes and slow networks.
- Affected files: app/frontend/src/app/[username]/page.tsx, app/frontend/src/lib/api.ts, app/frontend/src/components/UsernameCard.tsx, app/frontend/src/types/profile.ts, app/frontend/src/app/manifest.ts, app/frontend/src/components/Header.tsx, app/frontend/src/components/SearchBar.tsx, app/frontend/src/app/page.tsx
- Acceptance criteria:
- Profile pages render stable content without hydration mismatches or flicker.
- Stored profile metadata is merged safely and recovers gracefully from malformed local data.
- Empty, private, or invalid profile states display consistent fallback UX and error copy.
Reduce hydration drift and metadata inconsistency in public profile rendering so usernames, avatars, and stored user data load predictably across refreshes and slow networks.