[VPS-172](5) Edit functionality to the Manage Groups table within the website

[JordanBlenn]

Description:

AS A: staff member uploading/controlling groups
I WANT: to be able to edit the Manage Groups table on the website
SO THAT: I don't have to reupload a csv file whenever I want to alter groups.

AC's:

1. An email column is added to the "Manage Groups" table, containing the student's email.
2. When you click on a row in the groups table, it selects that row.
3. When a row is selected:

• If right clicked, it gives the option to "edit" or "delete", using the same style of when you right click on a scene on the edit scenario page.

4. When the "edit" option is selected, it allows the names and emails in the row's data to be edited

• If a change is made, a previously inactive "Save Changes" button on the left of Upload is now active and can be clicked (this save button works similarly to the "Save" button for a scene.

5. If the "Save Changes button is clicked:

• all changes made to the table are updated in the database and backend.
• The "Save Changes: button goes inactive again

6. When the "delete" option is selected, it brings up a modal prompting the user if they are sure they want to delete this group

• If they say no, the modal closes.
• If they say yes, the group is deleted following the logic in [VPS-170] (5) (3) Connecting the CSV upload file to the Upload CSV Button #170 and the table row is removed accordingly.

Technical Discussion:

• blocked by [VPS-170] (5) (3) Connecting the CSV upload file to the Upload CSV Button #170
  Extra logic for saving edited changes:
• Multiple rows' data can be changed before the "Save Changes" button is pressed, and all the text is updated and stored in the frontend.
• If the page is left before the "Save Changes" button is clicked, no changes are saved and the data reverts back to whatever is in the database the next time the page is opened.