Programs page #31

[LubabDesu]

Tracking Info

Resolves #31

Changes

Included integration of backend and frontend for program page views.
Features include :

• Fetches all sections from MongoDB on page load and renders them as cards
• Archive / unarchive section with undo toast -- this uses a new hook useToast.tsx
• Create new section via form
• Edit existing section via modal form
• Search sections by title of section / class name
• Sorting of sections by some order : alphabetical, date created, start date, end date, or color
• Filter between Active and Archived tabs
• Multi-day selection support

Testing

• Created a new section and confirmed it appears in the Active tab
• Deleted a section, clicked Undo in the toast, confirmed it reappeared
• Archived a section and confirmed it moved to the Archived tab
• Edited a section and confirmed changes persisted after page reload
• Selected multiple days in the form and confirmed they render correctly on the card
• Searched by class code and confirmed filtering works

Confirmation of Change

Example of the Toast :

Example for Search Bar :