QC - Convert the marks graph within "Catch" > "Categorical Observations" to a scatterplot

[Hunner4D]

• [x] The y-axis should be number of fish with mark
• [x] The x-axis should be dates
• [x] Use symbols for different marks
• [x] Handle overlapped points (multiple combos at same count and date)
• [x] dynamic legend
• [x] Only QC mark existing data

[JordanHoang]

Two ideas for ovelapped data: jitter or special symbol for overlapped points

[JordanHoang]

• TO DO: on click of data point, open modal and show all individual mark records (other ticket I believe)
• TO DO: on click of an overlapped data point, handle different mark combos and their individual mark records (other ticket I believe)

[JordanHoang]

• [x] differentiate different data points by color, rather than symbol
• [x] move legend out of graph and below plot
• [x] convert legend values from ID to text (do not show NULL value from legend)
• [x] only use Existing Marks as dataset
• [x] ensure data is being updated and qcCompleted being set (test UI, server, and verify on database)

[JordanHoang]

QC popup

• [x] add existing mark fields (type, color, position)

[Hunner4D]

Moved to #236

• [ ] ensure data is being updated and qcCompleted being set (test UI, server, and verify on database)

https://github.com/SRJPE/rst-pilot-app-client/issues/236#issuecomment-2089007088

[JordanHoang]

@Hunner4D

• [ ] increase modal height so that fields aren't cut off
• [ ] center and stretch the table with margin on both sides
• [x] Fork Length input Error
• [ ] edit select not resetting selected value