Software (Frontend): Feedback for frontend

[mlej8]

1. Make initial color different than end color (e.g. green to signal start of a data collection and red to signal an end)
2. flash all characters at the same time.
3. The visual cue at the beginning (e.g. green highlight) should last for 1 second.
4. The visual cue at the end (e.g. red highlight) should last for 1 second.
5. Incorporate a rest period of 1 second in between collections

Done

6. Characters must be randomly sampled without replacement
7. no backspace
8. make space bar square
9. Increase the size of the keys (have them as big as possible for a 27 inch monitor).
10. At the end of the collection (once we've gone over the 27 characters), prompt the user asking them whether they would like to resume (do another round), or end it here. Note that for the second round, we don't have to hit the backend end point to start a new BCI process. This only needs to be done the first time the start button is pressed (telling the backend to spawn a separate process pulling data from BCI).

[mlej8]

Additional Feature request:

• Add keys 1,2,3 on top of the keyboard
• Add backspace back
• Add a textbox where the user can store the name (this needs coordination with backend to update the backend route and the database model).

[mlej8]

New feedback from the data team (@HassanKanj16 @TheMatrixMaster):

• remove numbers from 4 to 0 from the keyboard and remove 4 to 0 from the sampling as well.
• we want to properly clean up after "stopBCI" is called. Right now once all the characters have been sampled we are calling "stopBCI". Make sure to clean up the code handling this part.

[mlej8]

DONE: Collection time for each character should be 5 seconds. Red and blue highlights should only last one second.

[mlej8]

@gupta-parth adding you to the frontend issue so that you can help.

[mlej8]

@HassanKanj16 @TheMatrixMaster is this issue ready to merge for main? I will create separate issue for frontend.