fix(cacheable-section): stable references to avoid loops [LIBS-642]

[KaiVandivier]

Implements LIBS-642

These hooks were implemented unoptimally, admittedly, and functions were getting recreated on each render. This caused issues if they were used as dependencies for useEffect hooks, like an infinite loop demoed below

I've updated the hooks to use best practices with useCallback and useMemo to make stable references and minimize unnecessary rerenders, and I added some automated tests to help verify the stability -- the tests look simplistic, but they were failing before the changes, and actually helped track down which hooks were still unstable in a TDD way

I also tested manually with the PWA example app in the App Platform, with some code that looks like an implementation in analytics plugins:

useEffect(() => {
    if (shouldRecord) {
        startRecording()
    }
}, [shouldRecord, startRecording])

Demo of loop:

recording-loop-before.mov

After changes:

recording-loop-after.mov

[dhis2-bot]

🎉 This PR is included in version 3.10.6 🎉

The release is available on:

• npm package (@latest dist-tag)
• npm package (@latest dist-tag)
• npm package (@latest dist-tag)
• npm package (@latest dist-tag)
• npm package (@latest dist-tag)
• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀