[FRONTEND] Revamp book page with sessions user has already booked

[jji05]

Is your feature request related to a problem? Please describe.

The booking page is incredibly confusing for users as bookings that a user has already made just "disappear" from /book, and when all bookings have been made, the user should acknowledge it within the /book page with a disabled card and a note/icon.

Describe the solution you'd like

Note

A user can only book ONE session of a schedule per week, so if a user has already created a booking on Tuesday, they cannot book another one, i.e. for a friend

Display all bookings throughout a week and do not hide any bookings, instead for existing booked sessions, display a disabled card and an icon/etc.

Additional context

Steps to reproduce:

1. Create account or sign into existing account
2. Modify your session account on a communal admin account in the server

https://server-staging.uoabadminton.co.nz
Users -> Click your created account (click the email address) -> Modify "Remaining Sessions" -> Save

3. Create a booking on /book, you may need an admin account to create more sessions.

BEFORE MERGING

• Storybooks created where possible
• Tested with react testing library
• Tests written for critical interactions
• PR Reviewed (For non-trivial changes)
• Changes tested after rebasing on master or merging in master (hint: git fetch origin master:master, then git rebase master or git merge master)
• All required PR checks passing