Add explanation for async function pattern in useEffect

[Copilot]

Addresses review feedback requesting clarification on why an async function is defined and immediately invoked within a useEffect hook.

Changes

• Added explanation via comment reply: React's useEffect doesn't accept async callbacks directly (would return Promise instead of cleanup function)
• The pattern used is the recommended approach for async operations in useEffect:

useEffect(() => {
  async function fetchXml() {
    // async operations with await
  }
  fetchXml()
}, [activeTab])

No code changes required—implementation follows React best practices.

---

💡 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.