fix: added loading state to button

[ashishsurya]

fix : add loading state button in logout page for a good UX

What does this PR do?

This PR adds a loading state to the button which moves the user login page.

Fixes #11113

https://www.loom.com/share/4b5b44da1aac457aa588fe826e3dbed9?sid=30bca723-beb6-4017-a05e-a4d6477e2d03

Requirement/Documentation

• If there is a requirement document, please, share it here.
• If there is ab UI/UX design document, please, share it here.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• Chore (refactoring code, technical debt, workflow improvements)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How should this be tested?

Please check the video and the code changes, that must be enough for testing.

• Are there environment variables that should be set? No
• What are the minimal test data to have? None
• What is expected (happy path) to have (input and output)?
• Any other important info that could help to test that PR

Mandatory Tasks

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

Checklist

• I haven't added tests that prove my fix is effective or that my feature works
• I haven't checked if new and existing unit tests pass locally with my changes

Ran the tests, there are some tests which are failed but not related the changes made by me

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 19, 2023 1:45pm

[CLAassistant]

All committers have signed the CLA.

[vercel]

@ashishsurya is attempting to deploy a commit to the cal-staging Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

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

[github-actions]

📦 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! 🙌

[Rohitk131]

Hello,

I'd like to contribute to this project for Hacktoberfest. Could you please assign this issue to me?

I'm eager to help and will follow any guidelines provided.

[pragyamishra56]

could you please assign me it would be my first contribution.

[Udit-takkar]

@Rohitk131 @pragyamishra56 this is a Pull request

[ashishsurya]

@Udit-takkar why am I getting those errors

[Udit-takkar]

@ashishsurya the test is looking for <a> tag with href ="auth/login" on the logout page which you replace with a button.

so either 1) try to implement using <a> tag

2. change the E2E test to look for button instead

[ashishsurya]

@ashishsurya the test is looking for tag with href ="auth/login" on the logout page which you replace with a button.

so either 1) try to implement using tag

2. change the E2E test to look for button instead

OK, will look into this

[ashishsurya]

@Udit-takkar all the tests ran successfully, its ready to merge.

[ashishsurya]

@PeerRich enable auto merging,since all tests are running successfully