GPA and Grade Distribution in Search Results

[MinhxNguyen7]

Summary

Adds GPA as a section table column. Clicking on the GPA number shows the grade distribution of that class taught by the particular instructor. If there are multiple instructors, the first one on which we have data will be used.

Note:

• There's some creep with changing how the table is styled, but it was necessary because the GPA column would make the table too cramped on mobile otherwise.
• There's a refactor of the columns store to Zustand in a separate module instead of RightPaneStore. I considered it justified because I needed to change the logic somewhat. I have some empathy for Brian's refactoring zeal now.

TODO

• GPA column and cell
• Styling
  • GPA number
  • Give table min width depending on number of columns shown and force side scroll
• Close GPA graph on clickaway
• Make sure added courses pane doesn't send duplicate requests due to race condition in caching. Disable GPA column in added courses pane.
• Update PP API endpoint to prod

Test Plan

See that the GPA data shows up correctly for all kinds of searches and the graph reliably shows and hides intuitively/as expected.

See if styling needs improvement on both mobile and desktop.

Issues

Closes #599
Part of #440

Future Follow-up

Have more information in graph like ZotCourse

[MinhxNguyen7]

@ap0nia review pls so I can finally be done with this

[ap0nia]

Everything looks very clean for the most part ✨

The column store and its usage can be tweaked to improve the reactivity.

[ap0nia]

Perfect! 💯