Data selection feedback for scatter plots

[eatyourgreens]

Add feedbackBrushes, from PH-TESS, to the scatter plot viewer's Selections component. Show a green bar for each success, a red bar for each failure.

Disable the subject viewer so that annotations can't be edited in the feedback popup.

Add a selection feedback story, with mock feedback brushes.

Refactor ScatterPlotViewer so that it can be rendered with jsdom.

Please request review from @zooniverse/frontend team or an individual member of that team.

Package

lib-classifier

Linked Issue and/or Talk Post

• closes Graph2dRangeFeedback Doesn't show correct answers #5856.

How to Review

Run Black Hole Hunters in the standalone classifier and try the training workflow. Every subject should have feedback.
https://localhost:8080/?env=production&project=cobalt-lensing%2Fblack-hole-hunters&workflow=25860

Checklist

PR Creator - Please cater the checklist to fit the review needed for your code changes.
PR Reviewer - Use the checklist during your review. Each point should be checkmarked or discussed before PR approval.

General

• Tests are passing locally and on Github
• Documentation is up to date and changelog has been updated if appropriate
• You can yarn panic && yarn bootstrap or docker-compose up --build and FEM works as expected
• FEM works in all major desktop browsers: Firefox, Chrome, Edge, Safari (Use Browserstack account as needed)
• FEM works in a mobile browser

General UX

Example Staging Project: i-fancy-cats

• All pages of a FEM project load: Home Page, Classify Page, and About Pages
• Can submit a classification
• Can sign-in and sign-out
• The component is accessible
  • Can be used with a screen reader BBC guide to VoiceOver
  • Can be used from the keyboard WebAIM guide to keyboard testing
  • It is passing accessibility checks in the storybook

New Feature

• The PR creator has listed user actions to use when testing the new feature
• Unit tests are included for the new feature
• A storybook story has been created or updated

[eatyourgreens]

Screenshots here: #5856 (comment)

[coveralls]

coverage: 81.292% (+0.06%) from 81.234%
when pulling cbf266f on eatyourgreens:scatterplot-feedback-brushes
into b6d5c4f on zooniverse:master.

[eatyourgreens]

I've added a story and a couple of tests too. withParentSize won't render outside of a browser window, so I've refactored ScatterPlotViewer to work with jsdom. See the discussion here: airbnb/visx#951

I had to bump the storybook to 7.6.9 to get it to build without erroring. See #5861.

[mcbouslog]

This looks good. Tested locally on https://local.zooniverse.org:3000/projects/cobalt-lensing/black-hole-hunters/classify/workflow/25860?demo=true without issue, feedback is as expected. The colors are a little confusing, but I know that's not related to these changes.

Testing on https://localhost:8080/?env=production&project=cobalt-lensing%2Fblack-hole-hunters&workflow=25860&demo=true resulted in two/duplicated Selections each time I made a Selection. I can not figure out why this is happening in lib-classifier, but not in app-project. 🤔 @eatyourgreens - do you see the same duplicated selections locally? Maybe it's me/my machine.

[eatyourgreens]

• Data selection brushes run twice in strict mode (React 18) #5272