perf: implement React.memo() for list item components

Performance: Add React.memo() to list components

What changed

  • Added React.memo() to ModRow, ContentPackRow, CapeItemDisplay, and CapeCard
  • Added useCallback for callbacks in ModsTab
  • Prevents unnecessary re-renders in mod/cape lists

Why

  • Large mod lists (100+ items) were causing performance issues
  • Every parent update was re-rendering all list items
  • Scrolling through capes was laggy

Impact

  • Smoother scrolling in mod and cape lists
  • Reduced CPU usage during list interactions
  • No functional changes, just performance improvements

Testing

  • All existing functionality works the same
  • No linter errors
  • Tested with large mod lists

Merge request reports

Loading