Improve the Validation check for phone number in patient list page

[nihal467]

Describe the bug

Currently, we are checking if the phone numbers entered are valid or not, on each input, let's say we want to type "9846856118", on inputting 9 itself, the error message start showing " enter valid number number " until we finish the number

To Reproduce
Steps to reproduce the behavior:

1. Go to patient list page
2. enter the phone number
3. See error

Expected behavior

Once the user go out of focus only the validation check should take place,

Note: we already experimented with one approach, but in that, if user inputs 9 digits, the error is not thrown 5a33cb7

Screenshots

[saloni0419]

@rithviknishad @nihal467 can you please assign this issue to me

[github-actions]

Hi, @coronasafe/care-frontend-maintainers, This issue has been automatically marked as stale because it has not had any recent activity.

[nihal467]

@saloni0419 Are you still working on this issue? Please respond with the current status. If no response is received within the next 48 hours, you will be unassigned due to inactivity.

[saloni0419]

@nihal467 sorry for the late reply. i was busy somewhere . i am unassigning myself

[Nithin9585]

@nihal467 can you please assign this issue to me

[Nithin9585]

Hi @rithviknishad sir, could you please review my PR #8394 (comment) when you get a chance? It addresses issue #8189 by improving the validation check for phone numbers on the patient list page.

Thank you!