[Typescript Conversion: Level 18]: Convert ui/components/ui/text-field/text-field.component.js to typescript

## **Description**

Convert `ui/components/ui/text-field/text-field.component.js` from JavaScript to TypeScript as part of the TS migration initiative.

## **Scenario (for user stories only)**

_(Not applicable)_

## **Design (for user stories only)**

_(Not applicable)_

## **Technical Details (for technical tasks only)**

- Convert this file to TypeScript.
- Migration Level: **18**
- Dependencies:
- None
- Dependents:
- ui/components/ui/text-field/index.js

## **[Threat Modeling Framework](https://github.com/adamshostack/4QuestionFrame) (for technical tasks only)**

- What are we working on? Convert file to TypeScript.
- What can go wrong? Type errors, integration mismatches, missing types.
- What are we going to do about it? Write types carefully and test thoroughly.
- Did we do a good job? _(To be evaluated)_

## **Acceptance Criteria**

- File is fully converted to TypeScript.
- Tests pass.
- File adheres to linting rules.
- Functionality remains unchanged.

## **Stakeholder Review (for MetaMask employees only)**

- [X] Engineering
- [ ] Design
- [ ] Product
- [ ] QA
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management
- [ ] Other

## **References**

- Parent issue: #31460

Start by reading ui/components/ui/text-field/text-field.component.js and its dependent ui/components/ui/text-field/index.js. Convert the component to TypeScript while preserving its behavior, then run the relevant tests and lint checks. Done means the file is fully converted, functionality remains unchanged, and tests and linting pass.

Written by the indexing model from the issue text.