Broadcast form grouping ease of life features - #20505

Re-do the broadcast form for grouping:

Groups

1. Split the groups form from one single textArea into individual fields for name and tours. This is an API change from

{ info: string }

to

{ info: { name: string, tours: string } }

2. Use tagify on the tours field. When the user focuses on the field, use /api/broadcast/by/{username} to fetch the user's 20 most recent broadcasts.
3. Filter the broadcasts for tournaments they can actually group depending on if they have StudyAdmin or Broadcaster perms. Set the tagify whitelist accordingly.
4. Users can fuzzy search the whitelist by tournament name and select broadcasts to add to the group.
5. If they want to add a broadcast that is not in the whitelist, they can still paste a link. On pasting the link, use /api/broadcast/{broadcastTournamentId} to fetch tournament details. If they fulfil the same criteria to group the broadcast, add it as a valid tag. Failing the check means the tag goes red and they can hover over to see the error. (Either insufficient perms or bad link/broadcast ID).
6. Use sortableJS to allow dragging tags around to re-order groups.

ScoreGroups

1. Split the form from one single textArea into an array of textArea. This is an API change from

{ scoreGroups: string }

to

{ scoreGroups[]: string }

where every element in the array is a new scoreGroup. This is to avoid the confusing comma delimited tourIds and the newline delimited scoreGroups.
2. Use this to show each scoreGroup as its own textArea input. Users can add more scoreGroups by clicking the plus button.
3. Use tagify on these inputs to dynamically set their whitelist to the groups input.

AI use disclosure:

Used to fix tagify styling on firefox.