Ck 7vn/total refactor classes

[CK-7vn]

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

This PR implements the class redesign inside of the code base. I will say, I have done a lot of work on nested components inside of the CLass page, but this PR is primarily focusing on the Class Page and its functionality, I will open PR's relative to the nested pages consecutively and soon.

Screenshot(s)

#Redesign Class Page

#This PR Class Page

#Redesign Take Attendance button on Class page

#This PR Take Attendance button on Class Page

#Redesign bottom of Class Page

#This PR Bottom of Class Page

#Redesign Cancel Class by Instructor

#This PR Cancel Class by Instructor

Additional context

Just another note, a LOT of work was also done on modals and other nested components in this PR, I just want the main focus to be on the CLass Page and like i said I will open subsequent PR's and touchups verifying functionality and etc of all of the nested components with touch ups etc.

[calisio]

@CK-7vn could you specify which specific pages/sections you want reviewed in this PR? Since I know that there are a lot of changes I want to make sure I am focusing on the right ones.

[CK-7vn]

@calisio Just the Class page, I'm going to work on other functionality in other PR's

[calisio]

1. no classes display does not mimic the design. this is the design:

2. should see nothing for scheduled classes in the "actions" column. right now there is a "view details" button, but it might cause confusion & alter the users intuitive nature to click on the row to navigate to more details. better to leave it out & blank

3. no results summary (highlighted in the video) this is the design:

Screen.Recording.2026-02-24.at.1.48.11.PM.mov

Besides that looks good! I also added a few things to the department admin view of classes (mainly just adding what facility each class is in & adding that filter), which you are free to address in this PR or in a following one. Some of the things I am unable to test due to the functionality in other pages being broken, so we can just make sure to test that later when able to update to other statuses.

[calisio]

Yours:

Design:

Differences above:

1. Classes on top navbar has the facility listed below, and “classes” is bold. Should not be bold and should not show facility listed below for the facility admin
2. Breadcrumbs nav should not show on classes overview page
3. Classes header should not be bolded, and should have description below

differences:

1. Should show preview when selected

differences:

1. Not showing all the information that is shown on the design for each class,

---

• Double toast is appearing for several actions (no sessions found to cancel, successful cancellation, etc):

• classes should default to Active and scheduled status filter

[calisio]

also another note- when clicking "add class" as a department admin, it asks which facility you want to create a class in, and then leads you to the programs that you can add that class to. those programs on the second modal should be filtered by facility. at this moment, they are not.

[CK-7vn]

No Classes Found PR

No Classes Found Prototype

Class page header PR

Also, to me, the "Classes" inside of the page does not look the same, but the classes are exactly the same, this is a moment like I mentioned, where the only explanation would be the tailwind CSS versioning which is not present in this PR, I have no clue outside of that

Class Page Header Prototype

Create new class Modal + flow this PR

Create new class Modal + flow prototype

Cancel Classes by instructor This PR

Cancel Classes by instructor prototype

1. Now defaults to Active & Scheduled on load

[calisio]

on classes note-- so weird, because mine appear the exact same. see below:


So you are all good on that front!!

The rest of the changes look good, except some small ones:

1. the time should be formatted to show AM/PM and also the time range of the class rather than the total amount of time. see highlighted section.
2. the dates that are affected are not shown as a preview underneath the resident count.
   yours vs figma (yours on left, figma on right)

3. the double toast is still appearing for me?

4. the flow for creating a new class as a department admin has the correct design, but it does not show the correct programs listed. For example, in my local, i have the following programs in BCF:

but then when i go to the modal flow to create a class:

i have far more than the 5 ones listed in the dropdown for the filter. I just want to double check we are filtering the programs correctly. One of the two filters isnt working correctly-- not sure if it is the "all programs" filter or if it is the modals that are showing incorrect info, but one or both are incorrect!

[CK-7vn]

@calisio My available programs for creating a new class seem to match up, let me know if there's still some issues there, it confused me for a minute because I saw count discrepancies but then noticed that it was because some programs weren't active and that's why they weren't showing up in the create new class modals.

[calisio]

looks great!! Thanks!