✨ Redesign Class Info Page ✨

[AdrianAndersen]

After a lot of design changes in the rest of the application, I feel like the design for the ClassInfo modal lags behind a lot. On mobile, there is always a scroll bar due to the large image, description, and class info.
This causes the action buttons (book / add to agenda) to be hidden from view when you open the modal, which is problematic.

Sooo, here is ✨a fresh new look✨ for the ClassInfo, slightly inspired by the BRP:

Future Class

Planned Class

I introduced a default image for classes that don't have one. This just simplifies the design by not having to deal with non-image classes. Found this on Google and thought it was nice 🤠 In the future, we can consider having different default images for each category ✌️

Booked Class

Cancelled Class

Dark Mode

Mobile + ExpandableText

Some Sit Classes 👀 have reeeaaally long descriptions, so I opted to create a util that collapses the description by default if it is longer than a few lines of text.

Screen.Recording.2024-02-29.at.18.55.06.mov

[AdrianAndersen]

The final boss has been conquered 👑

[AdrianAndersen]

The concept of having text on top of the image did not turn out as good as I hoped. Some work is ported over in #128