Trainer profile edit page input error

### Description of issue
In phone number input - It takes unlimited numbers
In experience input - It takes unlimited numbers
In all input - It takes empty gap as a value.
cancel button doesn't work

### Expected result

### Actual result

### Steps to reproduce
1.
2.
3.

```
Path: /pages/trainer/trainer%20profile%20edit
Browser: Chrome 111.0.0.0 on Windows 10
Viewport: 1504 x 892 @1.5x
Language: en-GB
Cookies: Enabled
```

[Open in BrowserStack](https://www.browserstack.com/user/try-live?url=https%3A%2F%2Fdeploy-preview-1--fit-expert.netlify.app%2Fpages%2Ftrainer%2Ftrainer%2520profile%2520edit&os=Windows&os_version=10&browser=Chrome&browser_version=111.0&resolution=1504x892&speed=1&start=true&ref=netlify-source)

Submitted from [Netlify Deploy Preview #1](https://deploy-preview-1--fit-expert.netlify.app/pages/trainer/trainer%20profile%20edit)