Port TextField styling from Primer React

Also renders clear button using an `IconButton`.

Rough mapping:

| Primer View Components                    | Primer React                                         |
| ----------------------------------------- | ---------------------------------------------------- |
| `.FormControl-input-baseWrap` (new class) | `.TextInputBaseWrapper`                              |
| `.FormControl-input-wrap`                 | `.TextInputWrapper`                                  |
| `.FormControl-input-trailingVisualWrap`   | `.TextInput-icon`                                    |
| `.FormControl-input-leadingVisualWrap`    | `.TextInput-icon`                                    |
| `.FormControl-input-trailingAction`       | `.TextInput-icon`                                    |
| `.FormControl-input`                      | `input`                                              |
| `.FormControl-input-wrap--leadingVisual`  | `[data-leading-visual]`                              |
| `.FormControl-input-wrap--trailingVisual` | `[data-trailing-visual]:not([data-trailing-action])` |
| `.FormControl-input-wrap--trailingAction` | `[data-trailing-action]`                             |
| `.FormControl-input-wrap--small`          | `[data-size='small']`                                |
| `.FormControl-input-wrap--large`          | `[data-size='large']`                                |

Closes primer#3800
Closes primer#3802
Closes primer#3803

Author: myabc