[WIP] Facilities Revamp - Sleek time blocks

[marcus-ong-qy]

Resolves: #762

Proposed change to the time blocks height

• I made sure the code compiles on my machine
• I made sure there are no unnecessary changes in** the code
• I made sure the title of the PR reflects the core meaning of the issue you are solving
• I made sure the commit message(s) contain a description and answer the question "Why do those changes fix that particular issue?" or "Why are those changes really necessary as improvements?"

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
rhapp	✅ Ready (Inspect)	Visit Preview	Jan 3, 2023 at 1:11AM (UTC)

[cjunxiang]

1. UI suggestion: add a counter to "View my bookings (2)"
2. UX suggestion: select facility page to be permanent component under the action buttons, so no unnecessary reloading.
3. bug: visual bug in header (no back button, and text title pushes everything aside)
4. UX: if user has no rights to book, grey out "book facility" button.
5. "edit icon" on top right of "select date to view" intended? no idea what that does
6. (on main branch) back button exists on facility booking page, shouldn't need it trhere.

[marcus-ong-qy]

1. UI suggestion: add a counter to "View my bookings (2)"
2. UX suggestion: select facility page to be permanent component under the action buttons, so no unnecessary reloading.
3. bug: visual bug in header (no back button, and text title pushes everything aside)
4. UX: if user has no rights to book, grey out "book facility" button.
5. "edit icon" on top right of "select date to view" intended? no idea what that does
6. (on main branch) back button exists on facility booking page, shouldn't need it trhere.

Header title overflow should be fixed on the main branch cos this branch haven't update yet. Shall KIV the other suggestions :)