Load Requirement Ranking for Frontend

[PabloRaigoza]

Summary

This PR is the last in the series to implement course recommendations based on course popularity #866 computed and stored the data in firebase, giving course rankings of a given requirement's slot. #873 implemented frontend changes for displaying the course recommendations. This PR takes the the data computed and stored from firebase, stores it into the Vuex store, and gives the information to the frontend so the frontend can display course popularities. It should be noted that #873 should be backwards compatible and so this PR can be merged before or after #867.

• Populate Vuex store with requirement course rankings
• Passed information to frontend to display recommended courses

Test Plan

• CS 2112 was display before CS 2110, however CS 2110 is more popular and now it is displayed before CS 2112.

[dti-github-bot]

[diff-counting] Significant lines: 112.

[github-actions]

Visit the preview URL for this PR (updated for commit 938f6bd):

https://cornelldti-courseplan-dev--pr876-pablo-load-fulfillme-gucxujaa.web.app

_{(expires Wed, 03 Jan 2024 01:35:32 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 6d4e0437c4559ed895272bbd63991394f1e0e933}

[zachary-kent]

I think we should just store the recommendations for a requirement already properly ranked in the Firestore so we don't have to do that computation on the frontend.