[Feature:InstructorUI] Lab Checkpoint Styling

What problem are you trying to solve with Submitty There are a number of CSS styling/HTML layout issues with the Lab Checkpoint page that make it feel clunky. See below for details.

Describe the way you'd like to solve this problem

• Let the columns expand to fit the table, as currently labs with few checkpoints look squished on the left side of the table, leaving lots of empty space on the page.

https://github.com/user-attachments/assets/7205f56a-71c2-450a-b0ef-d35361ffec19 https://github.com/user-attachments/assets/c02ac36d-d5dc-4be5-a0bf-f5d13a4591a5

• Remove the CSS animation that causes the checkpoint cells to fill up after clicking them. This animation can be "broken" very easily by clicking fast/clicking multiple cells in quick succession, making it confusing which cells are graded until the page is reloaded. The animation also sometimes fails to trigger entirely, meaning the checked cells are only half-way filled until page reload.

• Add the up-down arrows to the input for the number of lab checkpoints in the Edit Gradeable page. The up-down arrows on this input in the Numeric Gradeable's edit page makes it easy to add or subtract from the number of table columns with just the mouse.

• Move the Hide Withdrawn Student and Auto-Expand Rows checkbox to be in matching positions on the simple and electronic gradeable interfaces (e.g. move them both to the top of the list of checkboxes).

EDIT: removed notes about Print feature on lab checkpoint gradeable as this feature was removed in #13051