[Hacktoberfest Frontend] Queue Selection Sidebar

[danielxue]

Some multitasking fiends like to wait in queue with their tab split across half the screen. Good for them! However, the queue sidebar starts to look a bit funky when students do this. Note this applies on both the student and instructor side.

This issue manifests differently depending on how wide exactly the window is and what browser you are using. It occurs when you make the window narrow enough such that the "Open"/"Closed" and number of users badges overlaps with the queue name but not narrow enough to switch to mobile view.

The desired behavior is for the two badges to wrap onto the next line underneath the queue name with reasonable padding when the window width is too narrow to fit them on the same line.

Below is some images of the behavior on different browsers.

Firefox:

Chrome: