Add queue

[nickbar01234]

Description

Implement page to display people on queue.

• Non-empty queue

• Empty queue

• Queue closed

Testing

For quick testing, add the following constants to OfficeHourProvider and replace with questions in the provider.

const QUESTIONS: IdentifiableQuestions = [
  {
    id: "1",
    title: "Does Big O go to gym?",
    description: "",
    public: true,
    state: QuestionState.PENDING,
    timestamp: Timestamp.fromDate(new Date()),
    group: ["Nicky"],
    tags: ["Big O", "Conceptual"],
  },
  {
    id: "2",
    title: "I don't make CS jokes. Not one bit",
    description: "",
    public: true,
    state: QuestionState.PENDING,
    timestamp: Timestamp.fromDate(new Date()),
    group: ["Johnny Tan", "Won Kim", "Loc Mai"],
    tags: ["Big O", "Conceptual"],
  },
  {
    id: "3",
    title: "How tall is a BST? As tall as its log",
    description: "",
    public: true,
    state: QuestionState.IN_PROGRESS,
    timestamp: Timestamp.fromDate(new Date()),
    group: ["Linh Nguyen", "Fa Taepaisitphongse", "Sarah Jun"],
    tags: ["Big O", "Conceptual"],
  },
];

Additional Notes

• There's no logic when clicking on a group.
• Haven't implemented the banner when user join queue.
• Haven't implemented transitioning when the user is getting help.