BiteSelection: display last selected mask

[amalnanavati]

Say the robot tries to acquire a bite and fails. The robot cannot attempt to acquire the same bite because food items may have shifted on the plate, and therefore the previously selected mask is no longer reliable. Therefore, when the user clicks "no, try again" the app must take them back to Bite Selection (current functionality).

However, it is also possible that the food items have not shifted, and the old mask is still valid. In this case, we should not require the user to click on the image again and wait for food segmentation to occur again. Therefore, bite selection should display the previously-detected masks by default, and only update them if the user clicks the image again.

Therefore, this issue encompasses the following:

1. Store the most recent user point click on the image, as well as the detected masks, in global state. In other words, move the actionResult from local state to global state (and rename it appropriately).
2. When the bite selection screen is rendered, it should display the masks in actionResult, if they exist.
3. Note that if enough time has passed since the user last clicked on the image, they may forget where they clicked and therefore what part of the plate the masks refer to. Therefore, render an overlay onto the image to remind the user what point the masks correspond to. Below is one idea, but please consider multiple and choose the one that seems the most aesthetical pleasing and useable.