More detailed roster error messages & sort by account status

[michellexliu]

Description

Updated the error messages to include more information about roster uploads and CSV parsing; added a "sort by account status" toggle that displays newly-added and newly-dropped accounts at the top of the confirmation screen.

Motivation and Context

This updated roster upload aims to address two main issues:

1. Lack of detailed error messages - Multiple professors have had issues uploading their rosters due to a lack of detailed error messaging when a roster doesn’t satisfy Autolab’s parsing requirements.
2. New & dropped students are difficult to locate - In large roster uploads, the user would need to scroll throughout the entire roster to locate which students have newly dropped or added the course (indicated by green or red text).

How Has This Been Tested?

(incomplete)

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My change requires a change to the documentation, which is located at Autolab Docs
• I have updated the documentation accordingly, included in this PR

Other issues / help required

2 remaining rubocop errors:

app/controllers/courses_controller.rb:851:5: W: Lint/SuppressedException: Do not suppress exceptions.
    rescue StandardError
    ^^^^^^^^^^^^^^^^^^^^
app/controllers/courses_controller.rb:864:5: W: Lint/SuppressedException: Do not suppress exceptions.
    rescue StandardError

Not sure if removing the rescue StandardError from here will break anything, so I'd like to have someone else look at this as well.

[victorhuangwq]

Just a quick first comment, but why are there such major changes in the CSS files?

[victorhuangwq]

I'm guessing this is because this is still WIP, but it is preferable that scripts be moved to a separate corresponding Javascript file (with similar filename), instead of being included in the html file

[michellexliu]

Just a quick first comment, but why are there such major changes in the CSS files?

looks like my vscode extension autoformatted the file when I saved it

[victorhuangwq]

LGTM! Tested using the test document, and with comma only lines, or lines without enough commas.

There's two other minor issues (that existed prior to this feature) discovered from testing @xinyis991105 :

• If student have already been dropped before, it will still appear as red
• If a student is dropped because it no longer exists on the roster. But then in a new roster it is added back again, the student is not "undropped" <- not sure if that's a good behavior
  We should add them to the backlog