Filter Pop Up in Admin View

[rayyanmridha]

ℹ️ Issue

Closes #207

📝 Description

Used Claude Code to help debug and help with the final implementation

1. Refactored the Status Pill to use a key value pair of variants (Record) making it easier and uniform with any usage of the component itself. A developer should have a much easier time calling upon a specific type of pill.
2. Added the Filter pop up component
3. Added the Filter pop up to the admin page
4. Fixed up the padding of the buttons around the application table

✔️ Verification

bhchp-filter-pop-up.mov

🏕️ (Optional) Future Work / Notes

The Discipline Admin section of the filter pop up needs to be populated.

[SamNie2027]

Also perhaps in a UX light it might make more sense to make that bottom scrollbar always visible in this view so that it gets strongly communicated to users that that component is scrollable.

[SamNie2027]

I do really like the status pill consolidations

[SamNie2027]

Can you change the options for experiencetype to the actual backend enum? Same with rechecking other enum values for accurate options. And just redeclare those enums in the frontend with the same values and names as backend

[rayyanmridha]

Also perhaps in a UX light it might make more sense to make that bottom scrollbar always visible in this view so that it gets strongly communicated to users that that component is scrollable.
@SamNie2027

Modern browsers tend to auto hide the scroll bar and even when trying to override it in CSS, the changes don't seem to work. This might also be in part due to a macOS feature but it might have to stay the way it is.