Feature/record movie UI

[interim17]

Time estimate or Size

Review time: medium

Problem

Closes #327

Solution

RecordMovieComponent manages the modal and button, retrieves and formats the various display icons and text, defines the downloading function, and calls the viewer handlers it receives.

Modal is trim, no logic.

Minimized storing state in ViewerPanel: only holding the url for the blob.

• New feature (non-breaking change which adds functionality)

Steps to Verify:

On supported browsers:

1. Load a trajectory, click record, confirm that recording indicator shows up next to button.
2. During playback the record button should pulse red unless hovering, when it should show a red square.
3. Click stop recording, and then confirm download via the modal.
4. Check that the downloaded movie is playable.

On unsupported browsers (Firefox, and apparently sometimes Safari):

1. Confirm that the button has disabled styling and does nothing when clicked.

Screenshots (optional):

[github-actions[bot]]

Coverage report

St.:grey_question:	Category	Percentage	Covered / Total
🟡	Statements	73.43% (+0.16% 🔼)	608/828
🟡	Branches	69.92% (+1.54% 🔼)	86/123
🔴	Functions	40.61% (+0.3% 🔼)	80/197
🟡	Lines	71.92% (+0.19% 🔼)	543/755

Test suite run success

102 tests passing in 7 suites.

Report generated by 🧪jest coverage report action from e93b7a95ccd7b69a482930de494b23982714f500