Fix: Convert to JSX (fixes #238)

[swashbuck]

Fixes #238

Fix

• Converts .hbs template to .jsx

• 244 Progress dots - make non-interactive

• Add style for mobile instruction error. "In mobile view, highlight instruction if user navigates to another item before completing, in case the strapline is missed"
• No change to how touch/swipe controls work (jQuery).
• Replaced user-drag CSS property with draggable HTML property
• Checks the user's system prefers-reduced-motion preference and disables animations if necessary

Dependencies

https://github.com/adaptlearning/adapt-contrib-vanilla/issues/398 Remove hover state styling from the progress indicators

[swashbuck]

Still outstanding before we can take this PR out of draft:

• Move navigation labels to JSX. Will probably follow the format of https://github.com/adaptlearning/adapt-contrib-hotgraphic/pull/256
• Move button enabling/disabling to JSX

[swashbuck]

Ready for review.

[StuartNicholls]

@swashbuck I can see the pips are now no longer selectable but the hover states in the css are still there

[swashbuck]

@swashbuck I can see the pips are now no longer selectable but the hover states in the css are still there

@StuartNicholls I've created https://github.com/adaptlearning/adapt-contrib-vanilla/issues/398 to remove the hover states.

[github-actions[bot]]

:tada: This PR is included in version 7.4.1 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: