Update packages and fix breaking changes

[bradyjoh]

Lots of security updates as it hadn't been updated in a while. Running npm audit before showed 138 vulnerabilities (100 moderate, 31 high, 7 critical) and now it's at 9 vulnerabilities (3 moderate, 6 high)

• React 17 to 19 with changes to how the render works, ReactDOM to createRoot
• Highlight.js 10 to 11 with change from highlightBlock to highlightElement and loading of just RouterOS
• other package updates required no code changes

NOTE: I'm not clear how this gets deployed, or even where it gets deployed. I'm hoping to add notes once I learn the process.

---

I tested locally and confirmed the app still boots up, highlighting still works, template injection still works, etc.

---

Some notes from development:

 highlight.js   ^10.5.0  →  ^11.11.1
 mustache        ^3.0.0  →    ^4.2.0
 qs              ^6.7.0  →   ^6.14.0
 react          ^17.0.1  →   ^19.1.1
 react-dom      ^17.0.1  →   ^19.1.1
 react-scripts   ^4.0.1  →    ^5.0.1
 tachyons       ^4.11.1  →   ^4.12.0

• Trying npm start before I start making changes https://stackoverflow.com/questions/75959563/node-js-err-ossl-evp-unsupported-error-when-running-npm-run-start I'm getting opensslErrorStack: ['error:03000086:digital envelope routines::initialization error'], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } and the recommendation is to run export NODE_OPTIONS=--openssl-legacy-provider to temporarily allow old algorithms or key sizes. Sure enough that works.
• react-scripts has a guide in https://github.com/facebook/create-react-app/blob/main/CHANGELOG.md Migrating from 4.0.x to 5.0.0. Unclear if we have anything to do with ejection but I'll run npm install --save --save-exact react-scripts@5.0.0 just in case.
• I tried to run I got an error when running npm start which was export 'highlightBlock' (imported as 'highlightBlock') was not found in 'highlight.js'
  • https://highlightjs.readthedocs.io/en/latest/upgrade-11.html
  • highlightBlock() is deprecated (to be removed in 12.0). Use highlightElement() instead. This is merely a naming change

[bradyjoh]

Netlify autobuild is failing:

UNSUPPORTED BUILD IMAGE
The build image for this site uses Ubuntu 16.04 Xenial Xerus, which is no longer supported.

From https://answers.netlify.com/t/please-read-end-of-support-for-xenial-build-image-everything-you-need-to-know/68239 it seems the solution is to update the build image setting, specifically "upgrade to the latest build image in the Netlify UI under Site settings > Build & deploy > Continuous Deployment > Build image selection"

[bradyjoh]

#52

Nevermind, I see there's already work to move to github pages so I'll wait for this (and help how I can) and then use that

[danielhmetro]

#52

Nevermind, I see there's already work to move to github pages so I'll wait for this (and help how I can) and then use that

Can you just reconfirm this pull request works correctly after the change?