feat(create-booking): create client side modal for new booking

[rockingrohit9639]

closes #1610

[DonKoko]

• The modal on the client and the one on the route are having different width, please make them consistent
• The actions in the client side modal are not consistent with the route, please make them consistent
• Add the new booking button and modal on the calendar page. That was the initial purpose of doing this

[DonKoko]

I noticed 1 more thing we need to adjust.
For some reason the calendar component is dependent on some data for the modal. So if you open the modal, the calendar component re-renders and re-fetches. This shouldnt be the case as it looks bad and its also a performance issue. Opening the new-booking modal shouldn't trigger a re-render on the calendar component.