Feat/progress page

[ZimLim]

• used vertical stepper to track user's progress
• passed, current, and remaining tests indicated with different icons and color
• inserted component into Transition page between tests
• Labels of each tests can be changed within the component

[wenhwang97]

Some feedbacks on the instructions.

[wenhwang97]

Found a bug on stepper. Details in the comment.

[gregfrasco]

Some small clean up

[wenhwang97]

Some minor issues, mostly linting related. I would like to keep everything consistent, so make sure to:

• Add spaces between double bracket for sx prop and one space after colon, e.g. sx={{ margin: 2, padding: 4 }}
• Use double quotation

You can also use the Prettier - Code formatter extensions on VScode. It can help you reformat everything on save. I'm using the default setting. You can also configure it for other coding style as well.