feat: better information architecture of /yields on mobile

[gomesalexandre]

Description

Better information architecture of /yields route for mobile (mostly) and desktop, less is more: don't display the top earnings hero/subheading or filters/grid toggles on mobile; render asset cards when there is a single yield for that asset; keep mobile compact with fewer fields; prefer asset symbols for simplicity; leverage right-side APY for easy comparison.

Issue (if applicable)

closes #N/A

Risk

UI-only changes to /yields layout (cards, filters, view toggles); no transaction or protocol logic touched.

Testing

Engineering

• Things look better on mobile now!

Operations

• 🏁 My feature is behind a flag and doesn't require operations testing (yet)

Screenshots (if applicable)

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat_yield_polish_5_more_lean

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}