[Feature Request] Mobile table usability

[TyHil]

Overview

Wrap professor names above the search results on mobile so the table doesn't have to scroll

Proposal

When the screen is smaller than a certain width, move the professor name to a new spanning row above the normal row. Be sure to do the same to the loading row. Use MUI's useMediaQuery to detect the screen size.

Skedge example:

Supplementary Information

Reference the Skedge codebase: https://github.com/UTDNebula/skedge/blob/bd999e5ea43893e600aef44f6110e62a0a79796c/src/components/SearchResultsTable.tsx#L66-L72

[AbhiramTadepalli]

This is how skedge does it