[feat] Apply Farcaster identity to Ratings and Donate widgets

[realproject7]

Context

PR #256 added Farcaster identity display to nav, comments, story cards, and writer on story page. But two areas still use truncateAddress() instead of FarcasterAvatar:

1. RatingWidget (src/components/RatingWidget.tsx) — "RECENT RATINGS" section shows rater addresses as 0x4d68...b6c8
2. DonateWidget (src/components/DonateWidget.tsx) — "Donating ... to 0x0175...4dbf" shows writer address as truncated hex

Fix

1. RatingWidget

Replace truncateAddress(r.rater_address) with <FarcasterAvatar address={r.rater_address} size={12} linkProfile={true} /> in the recent ratings list.

2. DonateWidget

Replace truncateAddress(writerAddress) in the donation confirmation message with <FarcasterAvatar address={writerAddress} size={12} linkProfile={false} /> (inline, no link since it's a confirmation message).

Reference

• src/components/FarcasterAvatar.tsx — existing component (address → avatar + @username)
• src/components/CommentSection.tsx — example of FarcasterAvatar replacing truncateAddress (PR Display Farcaster identity: nav, comments, story cards #256)

Files to modify

• src/components/RatingWidget.tsx
• src/components/DonateWidget.tsx

Acceptance criteria

• Recent ratings show Farcaster avatar + @username (or truncated address fallback)
• Donate confirmation shows Farcaster identity for writer
• npm run typecheck passes