feat(ui): FilterToggleSection component

[davidlhw]

closes #86, closes #87

changes

• + FilterToggleSection Component => Main component for the filter section
• + FilterToggleSectionHeader Component => Header of 'course' / 'professor'
• + FilterToggleSectionItems Component => To contain the list of courses/profs to filter for
• + FilterToggleSectionItem Component => The individual course/prof
• + BooksIcon CustomIcon => Course Icon
• + BooksColoredIcon CustomIcon => Course Filter Header Icon
• + GraduationCapIcon CustomIcon => Prof Icon
• + GraduationCapColoredIcon CustomIcon => Prof Filter Header Icon
• + PencilIcon CustomIcon => Reviews Icon

implementation

• discriminated union types for locked vs unlocked version of the filter section
• supports more than 2 'stats', but is currently limited to review,courses count for profs and reviews,prof count for courses
• optional subheader, currently used to represent course code

testing

• Chromatic build review
• Storybooks on Chromatic

preview

Professor Default

Professor Hover

Professor Clicked

Course Default

Course Hover

Course Cliked

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
afterclass-io-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 21, 2024 2:23pm

[davidlhw]

merging ahead of approvals to unblock - changes in 847d44f are minor and just fixes build failure