feat(/recent): add recent reviews view (#130)

* fix(db): correct logic in `getReviewsRecent50()`

* fix: change color scheme to more intuitive scale

* feat(recents): init new components

* feat(NavBar): add new view to nav bar

* refactor: extract entity `CourseDataStatic`

* refactor(ReviewCard): add course info to card

* feat: add return button in `/recents`

* fix(review): lots of styling updates

* fix(styling): fix loading icon and long course titles

* chore: run linter

Co-authored-by: awpala <[email protected]>
Co-authored-by: Christian Tran <[email protected]>

Author: 3 people

firebase/dbOperations.ts

@@ -19,7 +19,7 @@ import {
 	TPayloadReviews,
 	TPayloadSemesters,
 	TPayloadSpecializations,
-} from '../globals/types'
+} from '@globals/types'
 import { parseReviewId } from './utilityFunctions'
 import {
 	addOrUpdateReview,
@@ -290,8 +290,9 @@ export const getReviews = async (
 export const getReviewsRecent50 = async () => {
 	try {
 		const snapshot = await getDoc(doc(db, baseDocumentReviewsRecent50))
-		const recentReviews50 = snapshot.data()
-		return recentReviews50 ?? null
+		const data = snapshot.data()
+		const recentReviews50: Review[] = data ? data?.data : []
+		return recentReviews50
 	} catch (e: any) {
 		console.log(e)
 		throw new Error(e)