API Call on Each Keystroke in Phone Number Field

[i0am0arunava]

Describe the bug
In the phone number field component, an API call is being made on every keystroke instead of waiting for the user to complete entering all 10 digits. Additionally, unnecessary re-renders are occurring during the input process.

To Reproduce
Steps to reproduce the b

1. Go to dashboard ->choose any organisation->
2. Go to patient search field , ph number
   3.search by number
3. See error

Expected behavior
The API call should only be made after the user has entered all 10 digits in the phone number field and pressed a confirmation button (e.g., "Submit"). No unnecessary re-renders should occur during typing.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[AdityaJ2305]

Duplicate of #9868