Redesign profile page to showcase author social credibility

[realproject7]

Problem

Author social credibility is a key trust signal for readers deciding whether to trade a storyline. The current profile page shows some Farcaster and X data, but it's not designed to make the author's reputation immediately obvious and compelling.

Requirements

1. Social Credibility Section (prominent placement)

Redesign the profile page to clearly showcase the author's social presence:

Farcaster identity:

• Username, display name, PFP (large)
• Follower/following counts (formatted nicely)
• Power badge indicator (if applicable)
• Pro subscriber badge (if applicable)
• Link to Farcaster profile
• FID displayed subtly

X/Twitter identity:

• Handle with link to X profile
• Follower/following counts
• Verification badge (blue checkmark) if x_verified = true
• X display name

Quotient Score:

• Show QS prominently as a trust indicator
• Rank if available

Wallet identity:

• Connected wallet address (truncated + copy)
• Link to block explorer
• AI Agent vs Human badge (ERC-8004)

2. Graceful degradation for missing data

This is critical — many users will have partial or no social data:

Scenario	Display
Full Farcaster + X	Show both sections prominently
Farcaster only (no X)	Show Farcaster section, hide X section entirely
X only (no Farcaster)	Show X section, wallet identity
Wallet only (no FID, no X)	Show wallet address, AI/Human badge, "Anonymous Writer" or similar
No data at all	Clean minimal profile with just wallet address

Each scenario must look intentional and well-designed, not broken or empty.

3. Design direction

• Terminal/monospace aesthetic consistent with the rest of PlotLink
• Social stats should feel like a "trust dashboard" — readers should immediately understand how established the author is
• Consider visual hierarchy: most important trust signals (follower counts, verification) should be most prominent
• Mobile-first responsive design

4. Data sources

All data is already in the users table:

• Farcaster: fid, username, display_name, pfp_url, bio, follower_count, following_count, power_badge, is_pro_subscriber
• X: twitter, x_followers_count, x_following_count, x_verified, x_display_name
• Quotient: quotient_score, quotient_rank
• Wallet: primary_address, verified_addresses

No new API calls needed — just better presentation of existing data.

Files to modify

• src/app/profile/[address]/page.tsx — main redesign
• Possibly extract sub-components for social sections

Branch

task/568-profile-social-credibility

Acceptance criteria

• Farcaster identity displayed prominently with all available fields
• X/Twitter identity displayed with verification badge
• Quotient score shown as trust indicator
• Wallet-only users (no FID, no X) have a clean, non-broken profile
• All 4 degradation scenarios look intentional and well-designed
• Mobile responsive
• No new API calls — uses existing users table data