Add new component to fix the dynamic allocation for label space

[ARYANSHAH1567]

Notes for Reviewers

This PR fixes #1175

Currently we use FormControl, InputLabel and Select for input fields or select dropdowns, but we face the issue for the label not getting the space allocated dynamically. I did test the components in Staclblitz from the official MUI website, and did not find any solution to it.

This new component: Replaces FormControl + TextField combinations with a single, properly styled component that fixes label/border intersection issues.

Features:

1. Dynamic Label Positioning
2. Consistent Brand Styling
3. Improved Developer Experience - The component can be changed as per needs by passing props to it
4. All other TextField props supported

Working:

497222208-9dbed581-bc50-43d5-b711-3eda84beb3fc.mp4

Screencast.From.2025-10-03.19-10-35.online-video-cutter.com.mp4

We need to replace all the current FormControl and TextField with this component, then the issue for the dynamic label space will be solved.

Signed commits

• Yes, I signed my commits.