perf: Optimize all Command Center pages for performance
LAYOUT CONSISTENCY:
- Header and content now use same max-width (max-w-7xl)
- All pages use consistent PageContainer wrapper
- Unified spacing and padding
NEW REUSABLE COMPONENTS (PremiumTable.tsx):
- SearchInput: Consistent search box styling
- TabBar: Consistent tabs with counts and icons
- FilterBar: Flex container for filter rows
- SelectDropdown: Consistent dropdown styling
- ActionButton: Consistent button (primary/secondary/ghost)
PERFORMANCE OPTIMIZATIONS:
1. Watchlist Page:
- useMemo for stats, filtered domains, columns
- useCallback for all handlers
- memo() for HealthReportModal
2. Auctions Page:
- useMemo for tabs, sorted auctions
- useCallback for handlers
- Pure functions for calculations
3. TLD Pricing Page:
- useMemo for filtered data, stats, columns
- useCallback for data loading
- memo() for Sparkline component
4. Portfolio Page:
- useMemo for expiringSoonCount, subtitle
- useCallback for all CRUD handlers
- Uses new ActionButton
5. Alerts Page:
- useMemo for stats
- useCallback for all handlers
- Uses new ActionButton
6. Marketplace/Listings Pages:
- useMemo for filtered/sorted listings, stats
- useCallback for data loading
- Uses new components
7. Dashboard Page:
- useMemo for computed values (greeting, subtitle, etc.)
- useCallback for data loading
8. Settings Page:
- Added TabBar import for future use
- Added useCallback, useMemo imports
RESULT:
- Reduced unnecessary re-renders
- Memoized expensive calculations
- Consistent visual styling across all pages
- Better mobile responsiveness
0bb2b6fc9d