cal.com issue:#21754 Update video call join modal UI to match new design

Changes Made

Completely redesigned the video call join modal to match the provided design reference

Fixes: https://github.com/calcom/cal.com/issues/21754

Added guest name input field with validation

Created two distinct card sections for guest join and sign-in options

Implemented proper divider with "or" text between sections

Updated button styles and interactions

Added required translation keys for new UI elements**

Summary by cubic

Updated the video call join modal to match the new design, adding a guest name input with validation and clearer options for joining as a guest or signing in.

UI Improvements
- Redesigned modal layout with separate guest and sign-in sections.
- Added divider with "or" text.
- Updated button styles and added new translation keys.

Jun 14 '25 11:06 sohamsk13

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

A member of the Team first needs to authorize it.

Jun 14 '25 11:06 vercel[bot]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

Jun 14 '25 11:06 CLAassistant

Hey there and thank you for opening this pull request! 👋🏼

We require pull request titles to follow the Conventional Commits specification and it looks like your proposed title needs to be adjusted.

Details:

No release type found in pull request title " issue:#21754  Update video call join modal UI to match new design ". Add a prefix to indicate what kind of release this pull request corresponds to. For reference, see https://www.conventionalcommits.org/

Available types:
 - feat: A new feature
 - fix: A bug fix
 - docs: Documentation only changes
 - style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
 - refactor: A code change that neither fixes a bug nor adds a feature
 - perf: A code change that improves performance
 - test: Adding missing tests or correcting existing tests
 - build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
 - ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
 - chore: Other changes that don't modify src or test files
 - revert: Reverts a previous commit