Improve design of appointments booking page

[st3iny]

booking-scroll.webm

scroll-mobile.webm

[miaulalala]

Looks fantastic

[AndyScherzinger]

love it!

[codecov]

Codecov Report

Base: 29.39% // Head: 29.73% // Increases project coverage by +0.34% 🎉

Coverage data is based on head (78c3ddc) compared to base (d5dfb80).
Patch has no changes to coverable lines.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #4593      +/-   ##
============================================
+ Coverage     29.39%   29.73%   +0.34%     
- Complexity      330      338       +8     
============================================
  Files           220      220              
  Lines          7703     7748      +45     
  Branches       1011     1011              
============================================
+ Hits           2264     2304      +40     
- Misses         5439     5444       +5     

Flag	Coverage Δ
javascript	20.48% <ø> (ø)
php	69.41% <ø> (+0.61%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
src/views/Appointments/Booking.vue	0.00% <ø> (ø)
.../calendar/lib/Service/Appointments/MailService.php	98.03% <0.00%> (-1.97%)	⬇️
...lendar/lib/Service/Appointments/BookingService.php	82.05% <0.00%> (-1.95%)	⬇️
...lib/Service/Appointments/BookingCalendarWriter.php	0.00% <0.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.