feat: earn page earn card

[mmioana]

Issue: https://lifi.atlassian.net/browse/LF-15300

Testing steps

1. Please run pnpm run build-storybook
2. Then run pnpm storybook
3. Just check on the preview storybook link
4. Please check the Cards/EarnCard and compare the two variants (compact and list-item) with Figma links
   3.1. Compact card design
   3.2. List item design

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
jumper-exchange	Ready	Preview	Comment	Sep 15, 2025 2:02pm
jumper-exchange-storybook	Ready	Preview	Comment	Sep 15, 2025 2:02pm

[github-actions]

✅ All snapshot tests passed

[github-actions]

Playwright test results

 26 passed
 7 skipped

Details

 33 tests across 9 suites
 2 minutes, 19 seconds
 2540afe

Skipped tests

chromium › mainMenu.spec.ts › Main Menu flows › Should be able to navigate to profile and open first Mission (Qase ID: 9)
chromium › mainMenu.spec.ts › Main Menu flows › Should open the Jumper Profile page and then open the leaderboard page (Qase ID: 10)
chromium › mainMenu.spec.ts › Main Menu flows › Should be able to open quests mission page and switch background color (Qase ID: 11)
chromium › swapActions.spec.ts › On chain swaps [Viewport: Mobile] › Hyperliquid chain swap pairs (Qase ID: 25)
chromium › swapActions.spec.ts › On chain swaps [Viewport: Desktop] › Hyperliquid chain swap pairs (Qase ID: 28)
chromium › zapPage.spec.ts › Zap Morpho Katana Page › Should verify bridge selection list has exactly 2 bridges (Qase ID: 33)
chromium › zapPage.spec.ts › Zap Morpho Katana Page › Verify the url of Discover Morpho link (Qase ID: 32)

📋 View Detailed Qase Report

[callMeTheQA]

verified on preview link.