fix(react): fix margin issues in TextField

[brionmario]

Purpose

Describe the problem, feature, improvement or the change introduces by the PR briefly. Add screenshots/GIFs if new changes are introduced. Remove this placeholder when you're editing.

Related Issues

• Fixes Margin Issue in TextField component #298

Related PRs

• N/A

Checklist

• Figma Board Updated. (Mandatory for Icon and Component PRs. If you don't have access, please ask the core team to update it.)
• UX/UI review done on the final implementation.
• Story provided. (Add screenshots)
• Manual test round performed and verified.
• Unit tests provided. (Add links if there are any)
• Documentation provided. (Add links if there are any)

Security checks

• Followed secure coding standards in http://wso2.com/technical-reports/wso2-secure-engineering-guidelines?
• Ran ESLint & Prettier plugins and verified?
• Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets?