[WIP] Fixing and Adding Tutorials to Pages

[jewang25]

Summary

Continuing the tutorials feature from last semester by merging the alex/tutorial branch into this one. Working on styling and adding the workflow for student, ta, and professor tutorials.

TODO:

• Create example OH, queue, and courses: for instances where new users don't have an active office hours to proceed on with in the tutorial, or for TA role a sample person in queue so they can see how to assign the question to themselves and such.
• Test more thoroughly
• Fix tutorial showing on admin dashboard

Test Plan

• Run yarn start and walk through the tutorial to see each popover and each step. Compare with design to see if it matches and make sure there is no unexpected behavior
• Test in all different roles (student, ta, and professor)

Notes

Need to make sure all code changes are necessary (still a work in progress) -> clean up code (condense into one tutorial file)

Breaking Changes

None

• I have updated the documentation accordingly.
• My PR adds a @ts-ignore

[dti-github-bot]

[diff-counting] Significant lines: 1096. This diff might be too big! Developer leads are invited to review the code.

[burninglilies]

Great work so far :D

[erin-xu]

This looks great so far! When I tested the student tutorial, the class I was on had no current office hour sessions, so the third and fourth pop ups appeared in the middle of the screen as shown in the image below. I'm not sure what the expected behavior is for this case.

Also, the last step highlighted the notification icon instead of the question mark.