feat: Add activity feed, trending creators section, and marketplace enhancements

[heymariam]

Overview

Implements four key marketplace features and testing improvements to enhance user engagement, discoverability, and developer experience across the AccessLayer platform.

Changes

1. Global Activity Feed on Home Page

• Displays the 5 most recent buy and sell transactions across all creators
• Shows truncated wallet address, action (bought/sold), creator name, quantity, and time ago
• Auto-refreshes every 60 seconds using React Query's refetchInterval
• Features 3 skeleton rows during initial load
• Clicking creator names navigates to their profile pages
• Provides social proof and shows marketplace momentum to new users

Files:

• src/services/globalActivity.service.ts - API service for fetching recent activity
• src/hooks/useRecentActivity.ts - React Query hook with 60-second polling
• src/lib/queryKeys.ts - Added activity query keys
• src/components/home/ActivityFeed.tsx - Activity feed component with skeleton loader
• src/pages/HomePage.tsx - Integrated ActivityFeed component

2. Trending Creators Section on Marketplace

• Shows top 5 creators by 24-hour buy volume at the top of the marketplace
• Each row displays rank, avatar, creator name, 24h buy volume in XLM, and price change badge
• Refreshes every 5 minutes automatically
• Skeleton rows during loading
• Clicking rows navigates to creator profiles
• Helps investors identify early momentum opportunities

Files:

• src/hooks/useTrendingCreators.ts - Hook for fetching top 5 trending creators
• src/components/marketplace/TrendingCreatorsSection.tsx - Trending section component
• src/pages/MarketplacePage.tsx - Integrated TrendingCreatorsSection component

3. Unit Tests for Search Bar Debounce Hook

• Comprehensive test suite for the debounce hook functionality
• Tests confirm debounced value is not updated immediately after input changes
• Validates debounced value updates only after configured delay elapses
• Confirms rapid input (faster than delay) produces only one debounced output
• Tests 0ms delay returns debounced value immediately
• Verifies timer is cleared on unmount with no post-unmount state updates
• Ensures no memory leaks or state update warnings after component unmounts

4. Copy Address Button on Creator Profile

• Adds copy icon button next to the truncated wallet address in creator profile header
• On click, copies the full Stellar address to clipboard using Clipboard API
• Displays 'Copied!' confirmation message for 2 seconds then reverts to copy icon
• Falls back to window.prompt pre-filled with address if Clipboard API unavailable
• Button not rendered in SSR context to prevent hydration mismatches
• Improves user experience for sharing creator wallet addresses

Files:

• Creator profile page components - Added CopyAddressButton component
• Implements clipboard utility for address copying
• Includes SSR-safe rendering checks

Closes #746
Closes #743
Closes #745
Closes #751

[drips-wave]

@heymariam 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