refactor: TwoFactor.tsx

[Riyan-Mo]

What does this PR do?

Improvements made:

1. Renamed the onChange function to setValue for clarity.
2. Changed the usage of onChange to setValue in useDigitInput and removed the dependency on the value state variable.
3. Replaced the hidden type="hidden" input with the register function from react-hook-form.
4. Used map to render the Input components instead of manually repeating them.
5. Updated the key prop for each Input component to include the index.
6. Added the autoFocus prop to the first Input component for better user experience.
7. Removed the unnecessary eslint-disable-next-line comment.

Fixes # (issue)

Type of change

• Chore (refactoring code, technical debt, workflow improvements)

How should this be tested?

• Test A
• Test B

Mandatory Tasks

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

Checklist

• I haven't checked if my PR needs changes to the documentation

[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	Jun 9, 2023 8:13am
website	❌ Failed (Inspect)			Jun 9, 2023 8:13am

[vercel]

@riyan911 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]

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

[Udit-takkar]

LGTM