Add JSDoc documentation to App.jsx

[Copilot]

Added comprehensive documentation to frontend/src/App.jsx covering file purpose, component behavior, and function logic.

Documentation added:

• File-level JSDoc describing the Superhero Comparison App structure
• Function documentation for all 7 helper functions with @param and @returns tags
• Inline comments for state management, complex logic (FIFO selection, stat comparison algorithm), and major UI sections

Example:

/**
 * Calculates the winner between two heroes by comparing their stats.
 * Each stat category (intelligence, strength, speed, durability, power, combat)
 * is compared, and the hero with more winning categories wins overall.
 * 
 * @param {Object} hero1 - First superhero object containing name, id, image, and powerstats properties
 * @param {Object} hero2 - Second superhero object containing name, id, image, and powerstats properties
 * @returns {Object} Object containing winner (hero object or null for tie) and score string
 */
const calculateWinner = (hero1, hero2) => {
  // Compare each stat category and increment the winner's score
  stats.forEach(stat => {
    if (hero1.powerstats[stat] > hero2.powerstats[stat]) {
      hero1Score++;
    }
    // Ties in individual stats don't increment either score
  });
  // ...
}

No functional changes—documentation only.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Add documentation to frontend/src/App.jsx</issue_title>
<issue_description>Add documentation to frontend/src/App.jsx:

• Overall file doc
• Function docs
• Inline docs</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Add documentation to frontend/src/App.jsx #4

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.