Dynamically import dependencies that are not critical to viewing the UI

[Gold856]

Description

The UI currently loads ~1.73 MB of JS and 727 kB of CSS. A large portion of that is very rarely used; in particular, jsPDF and three.js are very infrequently used by users, and make up almost half of the JS bundle size. We can make the page load just a little snappier by dynamically importing those dependencies when needed, reducing the amount of JS sent over the wire and the amount of JS parsed by the browser. This does increase the total size of all the assets to 1.96 MB, while reducing the size of the main bundle to 672 kB, which seems like a good tradeoff to reduce the page load time.

The story is similar with CSS. Dyamically importing @mdi/font means the primary bundle is 403 kB, with the font CSS being 324 kB. This allows the main UI to load first, while the font can be loaded separately, which makes the page load faster overall.

Meta

Merge checklist:

• Pull Request title is short, imperative summary of proposed changes
• The description documents the what and why
• If this PR changes behavior or adds a feature, user documentation is updated
• If this PR touches photon-serde, all messages have been regenerated and hashes have not changed unexpectedly
• If this PR touches configuration, this is backwards compatible with settings back to v2024.3.1
• If this PR touches pipeline settings or anything related to data exchange, the frontend typing is updated
• If this PR addresses a bug, a regression test for it is added