NUMBER PATTERN

### Description of issue :

Number incorrect contain details its want correct country + code but its didn't show that country code details details but its give correct digit pattern

### Expected result :
Number accept correct digit and show correct country code

### Actual result :

Its want country code but its didn't give that details and view

### Steps to reproduce :
1. give a country code dropdown or remove the that country pattern
2.
3.

```
Path: /user_personas/doctor/pages/doctor_signup
Browser: Chrome 112.0.0.0 on Windows 10
Viewport: 1504 x 860 @1.5x
Language: en-GB
Cookies: Enabled
```

[Open in BrowserStack](https://www.browserstack.com/user/try-live?url=https%3A%2F%2Fdeploy-preview-1--freshbye.netlify.app%2Fuser_personas%2Fdoctor%2Fpages%2Fdoctor_signup&os=Windows&os_version=10&browser=Chrome&browser_version=112.0&resolution=1504x860&speed=1&start=true&ref=netlify-source)

Submitted from [Netlify Deploy Preview #1](https://deploy-preview-1--freshbye.netlify.app/user_personas/doctor/pages/doctor_signup)

Start at /user_personas/doctor/pages/doctor_signup and reproduce the number-pattern behavior using the linked Netlify deploy preview in Chrome on Windows. Trace how the country code and number are presented, then verify that a valid number both accepts the correct pattern and shows the corresponding country code.

Written by the indexing model from the issue text.