feat: add FNDRY Token Price Widget with DexScreener integration and sparkline chart [fj4WqyCCw3C5ShR1RfB7MoBPTpkRrBFYP1uT35g3MvT]

[waterWang]

🏭 Bounty T2: FNDRY Token Price Widget Component

Closes #846

Description

Build an embeddable React component displaying real-time FNDRY token price using DexScreener API. Includes sparkline charts and price change indicators.

Changes

• New hook: useFndryPrice — fetches real-time FNDRY price from DexScreener API with 30s auto-refresh interval
• New component: FndryTokenPrice — embeddable widget with:
  • Real-time price display with adaptive formatting
  • 24h price change badge (green/red with trend icon)
  • Sparkline chart (AreaChart via Recharts) with gradient fill
  • Market stats: 24h Volume, Liquidity, FDV
  • Loading skeleton and error/retry states
  • Compact mode for smaller containers
  • DexScreener attribution link
  • Responsive design for any container size
• Integration: Added widget to HeroSection, displayed below stats strip

Tech Stack

• React 18 + TypeScript + Vite
• Tailwind CSS 4 (Forge theme — matches existing design system)
• Recharts (AreaChart sparkline)
• Framer Motion (animations)
• DexScreener API (real-time price data)

Acceptance Criteria

• ✅ Real-time price updates from DexScreener (30s refetch interval)
• ✅ 24h price change percentage display (green/red badge)
• ✅ Sparkline chart with gradient fill
• ✅ Responsive design for multiple container sizes (via compact prop)
• ✅ Loading skeleton and error/retry states
• ✅ Follows SolFoundry design system (Forge theme colors, fonts, borders)

Wallet

FaaFyfxR9WAQrL7FcAgEHJvztd8cVMxvjHRS55rw1nwH