Frontend: Fixes screenshot issues

[benhammondmusic]

Description and Motivation

Refactors

• replace html2canvas with different package that allows easier hiding of elements on screenshot
• removes unused of unneeded npm packages
• brings largest bundle size down from ~1.3mb -> 0.89mb (over 30% reduction)
• fixes #2186
• prepend all saved files with HET - for easier sorting/finding when a user saves lots of images from our site
• uses our APA citation at the bottom of the saved card
• send correct file name for saved image
• fix up multimap styling of added citation
• fix a11y issues with non-unique and malformed ids and aria stuff

Has this been tested? How?

manually tested on MacOS, with NO external monitor:

• [x] arc (chromium browser)
• [x] safari
• [x] firefox

manually tested on MacOS, WITH external monitor (TV):

• [x] arc (chromium browser)

manually tested on Windows, with NO external monitor:

• [x] edge

manually tested on iOS

• [x] safari
• [x] arc (chromium)

Screenshots (if appropriate)

Saved Images Per Card (Mac)

Windows:

MultiMap:

Multimap with hidden scroll content (note that the legend isn't visible)

File Naming:

Per Card on Tiny Width Screens

Types of changes

(leave all that apply)

• Bug fix
• Refactor / chore

New frontend preview link is below in the Netlify comment 😎

[netlify[bot]]

✅ Deploy Preview for health-equity-tracker ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	a98a532322ae2de2eddc67fa52a8698742f5f9c0
🔍 Latest deploy log	https://app.netlify.com/sites/health-equity-tracker/deploys/66fefa1fd2609400094d9e63
😎 Deploy Preview	https://deploy-preview-3700--health-equity-tracker.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[benhammondmusic]

Actual iOS downloaded images

[benhammondmusic]

iOS safari actual image