Feature/compact scoreboard

[Benyeemin]

UI enhancements for the competition viewer, focusing on scalability for larger runs.

Changes

New Viewer Components

The following components are implemented and can be selected in the viewer (not replacing the original components by default):

• Compact Team Viewer: Bottom component dynamically fitting many users on the screen. The original team score viewer has problems showing all the players in larger competitions.
• Scoreboard: Side component ranking the users by their total scores (also shown). It's made to fit as many users as possible while being readable.
• Compact Score Graph: Side component replacing the Task Type Score graph, which is unreadable for too many users. Functionally similar, also showing colored bars composed out of scores for individual task types for each user.
• Recent Submissions: Since the compact team viewer doesn't have space for showing the player submissions, this side component displays a list of the most recent submissions showing the submitting user, their correctness, and timestamp (from the start of the task if the task is still running).

Viewer Layout Presets

To help with setting up a layout, the viewer now has the option to select a preset (next to the component selection button), instead of manually changing each component. Selecting a preset changes each component to the one specified by it.

Error Dialog Compilation Flag

Added a showErrorPopups boolean to the environment and environment.prod configurations. This flag controls whether the ErrorDialogService displays the error passed to it or only logs it into the browser console. Since the error popups block the screen of the viewer and there are errors during normal runs of the competitions, this behavior is not desirable for the production environment.