fix: resolve #407 — Export player as a trading card image

[SlncTrZ]

Summary

fix: resolve #407 — Export player as a trading card image

Problem

Severity: High | File: src/components/TradingCard.tsx

Adds a new React component that renders a compact "trading card" style summary of a player’s key stats, awards, and basic info. This component will be used to generate the downloadable image. It accepts a player object and optional styling flags (e.g., theme, sport type) to adapt the design for Basketball GM, Football GM, etc.

Solution

Implement as a functional component using inline styles or CSS modules for consistent printing/capture. Include: player name, team, jersey number, position, overall/potential ratings, key season/career stats (points, rebounds, assists, etc. – sport‑dependent), notable awards (MVP, championships, all‑star selections), and a subtle background graphic. Use a fixed width (e.g., 400px) and auto height. Provide a className or data‑html2canvas‑ignore for elements that should not be captured. Add a ref to allow parent component to measure and capture.

Changes

• src/components/TradingCard.tsx (new)
• src/components/TradingCard.module.css (new)
• src/utils/exportImage.ts (new)
• package.json (modified)

Testing

• Existing tests pass
• Manual review completed
• No new warnings/errors introduced"