feat: Introduce smooth transitions for improved ui/ux

[clicktodev]

trafficstars

What does this PR do?

This PR introduces improvements the user experience by eliminating sudden transitions

Type of change

• [ x ] New feature (non-breaking change which adds functionality)

Mandatory Tasks

• [ x ] Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

[vercel[bot]]

@hichemfantar is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[CLAassistant]

All committers have signed the CLA.

[github-actions[bot]]

Thank you for following the naming conventions! 🙏 Feel free to join our discord and post your PR link.

[github-actions[bot]]

📦 Next.js Bundle Analysis for @calcom/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[keithwillcode]

Converting to draft while conflicts are resolved

[clicktodev]

I still see this flickering blue border

Browser: Brave Browser OS: MacOS Sonoma

Screen.Recording.2024-02-07.at.2.27.40.PM.mov

I'm not getting this flicker For some reason. Chrome 121, MacOS sonoma 14.1.1 Feel free to push a fix if you find the cause

[github-actions[bot]]

This PR is being marked as stale due to inactivity.

[clicktodev]

looks good to me

https://github.com/calcom/cal.com/assets/34947993/166c22ac-2724-41a7-bd3c-875539c90b0e

[github-actions[bot]]

This PR is being marked as stale due to inactivity.

[keithwillcode]

Closing due to inactivity. Please reopen if work continues.