130 div inference boxes

[ChromaticPanic]

New UI Components for Model Feedback Closes #130

This PR adds some new UI components that can be used for feedback. These are UI stubs with no real functionality. The feedback UI components are hidden from the user until backend api routes are defined. Each feedback option will be enabled one at a time as development progresses in future PRs.

Tasks

• [ ] inference interaction
  • existing red canvas boxes left in for comparison
  • [x] Green Squares are divs floating on top of the canvas
  • [x] divs are clickable
  • [x] popover to show approve disapprove
  • [x] more options popover for negative feedback
  • [x] dropdown to specify seed identity
  • [x] Improve UI
  • [ ] add label div
  • [ ] Confirmation Modal before sending / saving for batch sending
  • [x] Feedback options hidden and disabled

[ChromaticPanic]

@TaranMeyer @amirardalan9473 Is this close to what the team had in mind to User interaction for model feedback. (gif is playable in the PR description)

[TaranMeyer]

I love this! Very much what I was imagining. The only other thing would be a negative option "seed not on list" for where the seed's correct ID is not listed, possibly with an option for the person providing the feedback to provide the seed's correct name. I'm imagining a flow something like this:

☑️ seed not on list. THEN: ▶️ provide expanded list of all seeds within model. If the seed is not within model, THEN: ▶️Option for user to provide a name; image and name can be stored for potential incorporation in or testing of future models. This information would probably have to be reviewed by an authorized analyst before being used for model training as the name might be incorrect, but I think it would still be valuable for us to be saving this information for future use rather than just discarding the image.

However, if it's easiest to just end the process at "seed not on list" right now, it's still a great start!