Add training widget to homepage

[pmustonebi]

Training widget implemented as per instructions: https://intranet.ebi.ac.uk/article/how-to-show-relevant-training-on-a-service-website based on code example: https://codepen.io/prakash_web3/pen/WNVvXZV

[Isaac1m]

• The uninitialised states (liveData and onDemandData) might cause issues like trying to access properties of undefined.

• In the first useEffect, the dependency array includes the two state variables mentioned above. Since they're both also being set inside this useEffect, this will probably keep re-triggering the effect every time the state changes (and re-rendering the component), creating a potential infinite re-render loop (or at least unnecessary repeated API calls).

[pmustonebi]

• The uninitialised states (liveData and onDemandData) might cause issues like trying to access properties of undefined.
• In the first useEffect, the dependency array includes the two state variables mentioned above. Since they're both also being set inside this useEffect, this will probably keep re-triggering the effect every time the state changes (and re-rendering the component), creating a potential infinite re-render loop (or at least unnecessary repeated API calls).

Thanks for your feedback! You're clearly more experienced in React than me ;) Hopefully the fix I've implemented has improved it