fix: force table cell content to wrap to prevent overly wide modal

[jenniferarnesen]

Fixes: https://dhis2.atlassian.net/browse/DHIS2-5920

• Adding a max-width to the popup results in table cell content wrapping when needed.
• Event popup styles migrated from maps-gl. Styles are still in maps-gl as well so as not to break 2.38 and 2.39.
• Removed unused styles in popup.css

Before:

After:

[dhis2-bot]

🚀 Deployed on https://pr-2961--dhis2-maps.netlify.app

[cypress]

1 flaky test on run #2530 ↗︎

0

36

20

0

1

Details:

Merge ddd8ea8 into 06e7481...
Project: maps	Commit: b0c5aa8cd1 ℹ️
Status: Passed	Duration: 04:34 💡
Started: Sep 14, 2023 8:30 AM	Ended: Sep 14, 2023 8:35 AM

  cypress/integration/dataDownload.cy.js • 1 flaky test • e2e-chrome-parallel-2.40

View Output Video

Test		Artifacts
Data Download > downloads data from a thematic layer		Output Screenshots

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[turban]

Approved with a comment:
Keep th header cells and maybe add scope="row"? https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th

Good for screen readers, but I'm not sure if they're able to access this popup anyway.