Adjust Input Validation Display to Standard Position

[dvnahuel]

As a user, I want validation messages (Valid, Invalid, and tokenName) to be displayed in a more standard way, below the input field, rather than inside the input on the right. This change will make the input clearer to read and more user-friendly.

Specifically for Token Approvals, if the token is valid, the token name will be displayed on the left, and validations (to maintain the same patterns as the other flows) will be displayed on the right.

1. Validation states (Valid, Invalid, tokenName) are no longer displayed inside the input field.
2. Validation messages are displayed directly below the input field in a consistent and standard format.

Additional Context:

• This update is intended to enhance clarity and create a more intuitive experience for users.
• Applies globally across all input fields in Pure Finance where the current implementation places validation messages inside the input.

Figma: Link
Screenshots: