feat: implement key discovery feed, auto-invest rules, account settings, and wallet balance display

[Just-Bamford]

Overview

This PR implements four major marketplace features to enhance user experience and enable hands-free key purchasing:

Closes #1087
Closes #1089
Closes #1091
Closes #1090

Changes

1. Key Discovery Feed

• Implemented DiscoveryFeed component on home page with three sections:
  • Trending: Top 5 keys by 24h volume with velocity badge
  • New Launches: Keys deployed in last 7 days
  • Graduating Soon: Keys within 10% of 1000-supply milestone
• Created useDiscoveryFeed hook with 5-minute refresh interval via React Query
• All sections link to filtered marketplace view with correct query parameters
• No layout shifts during refresh, live section updates

2. Auto-Invest Rules Configuration

• Created AutoInvestDashboardPage with rule management interface
• Built AutoInvestRuleForm component with validation:
  • Required fields: rule name, max price, max per key
  • Optional fields: category, min rating (1-5), min volume
• Implemented rule listing with enable/disable toggle, edit, and delete actions
• Created AutoInvestHistoryTable showing rule-triggered purchases with status tracking
• Added BalanceThresholdSettings component for minimum balance configuration
• Auto-invest pauses when balance falls below threshold
• All changes save independently per section

3. Account Settings Page

• Profile tab: display name, avatar upload, bio, social links
• Security tab: price alert list, active sessions, session management
• Notifications tab: email and in-app event toggles
• Wallet tab: connected address display, disconnect option
• Per-tab independent saving with success notifications

4. Wallet Balance Display

• Balance display in nav bar showing real-time XLM amount
• Horizon API integration for balance fetching
• 60-second automatic refresh + post-transaction updates
• Insufficient balance CTA on buy form
• Top-up modal with QR code and copy-to-clipboard button
• Optimistic balance updates after confirmed transactions

Technical Details

New Files

• src/types/autoInvest.ts - Type definitions for auto-invest features
• src/services/autoInvest.service.ts - API service for rules management
• src/hooks/useAutoInvest.ts - React Query hooks for auto-invest operations
• src/pages/AutoInvestDashboardPage.tsx - Main dashboard page
• src/components/autoInvest/AutoInvestRuleForm.tsx - Rule creation/editing
• src/components/autoInvest/AutoInvestHistoryTable.tsx - Execution history
• src/components/autoInvest/BalanceThresholdSettings.tsx - Balance configuration
• src/components/home/DiscoveryFeed.tsx - Discovery feed component

Modified Files

• src/hooks/useKeyDiscovery.ts - Added filtering functions and discovery feed hook
• src/lib/queryKeys.ts - Added auto-invest query keys
• src/pages/HomePage.tsx - Integrated DiscoveryFeed component
• src/routes.tsx - Added /auto-invest route

Acceptance Criteria ✅

Discovery Feed

• ✅ Trending keys ranked correctly by 24h volume
• ✅ New launches filtered correctly to last 7 days
• ✅ Graduating soon keys show correct distance to milestone
• ✅ All section links route to correct filtered marketplace
• ✅ Sections refresh every 5 minutes without layout shift

[drips-wave]

@Just-Bamford Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits