feat: sessions and schedule tabs with bulk actions and session manage…

[CK-7vn]

Class Details PR - 3

Pre-Submission PR Checklist

• No debug/console/fmt.Println statements
• Unnecessary development comments removed
• All acceptance criteria verified
• Functions according to ticket specifications
• Tested manually where applicable
• Branch rebased with latest main
• No business logic exists within the database layer

Description of the change

Adds the Sessions and Schedule tabs to the class detail page, along with new session management features.

Sessions Tab (SessionsTab.tsx)

• Full session list with status/time filters, pagination, and stat counters (completed, missing, upcoming, cancelled)
• Selection checkboxes on upcoming non-cancelled session rows with selectedDates state that clears on filter change
• Floating action bar appears when sessions are selected — provides bulk Cancel Sessions, Change Instructor, and Change Room actions
• Individual per-session action buttons: Reschedule, Cancel, Change Instructor, Change Room
• Missing attendance warning banner with quick filter link

Schedule Tab (ScheduleTab.tsx)

• Interactive calendar view showing class days, cancelled sessions, and today indicator
• Month navigation with session detail sidebar (Sheet) showing class info, status badges, and modify actions
• Schedule pattern summary cards (days/time/room, duration/credit hours)

New Modals

• ChangeInstructorModal.tsx — single or bulk mode, fetches users by role, PATCH with instructor_id
• ChangeRoomModal.tsx — single or bulk mode, fetches rooms, PATCH with room_id

Enhanced Existing Modals

• BulkSessionsModal.tsx — cancel action now uses CancelEventReason enum dropdown instead of free-text; conditional "Other" textarea; amber warning box showing impact
• CancelSessionModal.tsx — clears note field when switching away from "Other (add note)" reason

Supporting

• RescheduleSessionModal.tsx — date + optional time reschedule via PATCH
• index.tsx — imports and renders Sessions + Schedule tabs (now 4 total tabs: Roster, Enrollment History, Sessions, Schedule)

[calisio]

1. i dont think you have any logic in here for rescheduled sessions, which should look like the figma below- please make the undo actually grey border:

2. should be able to undo a cancelled class. note- can you make the undos look the same (make them both with grey border)? Sorry that is not consistent in the figma

3. when you click on a class session, you should get a popout on the right side with the actions. there are 5 relevant popouts:

4. can you remove "- All Time" in "Recent sessions requiring action or review - All Time" right below "Past & Today"

[CK-7vn]

@calisio I explicitly kept the reasons in the modals the same, they're not consistent in the prototype just as a note. For instance some say "Maintenance" and then some say "Maintenance required" the ones in this branch are unified.

[calisio]

design looks perfect! few notes on functionality:

1. click on an upcoming session, opens side panel, click on change instructor, clicking "other" option in the side panel , the add a note option does not appear
2. same as above but for change room
3. also happens on bulk change instructor and bulk change room

open to your opinion on the above though - right now we dont require a reason in the backend for change room or instructor, so we could also take that out. My argument to include the reason is so that we can get clearer statistics for reporting reasons for the future. Curious what your opinion is on it.

I checked the rest of the functionality and looks good!

[carddev81]

@CK-7vn These are issues found in the schedule tab

1. Schedule of class is Oct. 01, 2025 to Jan. 10, 2318--Duration card is displaying incorrect start date, Sept 30.
2. The Schedule color key is off, basically the order needs to be corrected
3. Toast message incorrect when cancelling class
4. When class is cancelled the status doesn't display

Target

Current

6. Toast message incorrect when changing instructor
7. Toast message incorrect when changing room
8. Change Room has description box
9. Change Instructor has description box
10. When cancelling/Room change/Instructor change and selecting the 'Apply this change to all future sessions' I believe this should do the action on that date plus all days in the future from that day versus all the days before my selection. For example when canceling next months classes it also cancels this months classes too.
11. Rescheduling may not be functioning correctly--it isn't matching figma and it doesn't add the new scheduled date to calendar? Or maybe it isnt suppposed too? We will need @Carolina's eye for sure, just to confirm that the day isn't supposed to be marked on the calendar.
12. Scrollbar issue

2026-03-23.12-18-07.mp4