fix: card input error text correction

[aritro2002]

Type of Change

• [x] Bugfix
• [ ] New feature
• [ ] Enhancement
• [ ] Refactoring
• [ ] Dependency updates
• [ ] Documentation
• [ ] CI/CD

Description

The error message for an incorrect card number is not displaying accurately. Additionally, the error message does not disappear when the input field is focused.

Before:

https://github.com/user-attachments/assets/a74e275d-c0c9-4682-ad02-74c97dce6d2c

After:

https://github.com/user-attachments/assets/4a59e7d6-d1d1-4194-880c-6c92887a1484

How did you test it?

Tested via rendering the SDK in firefox ,safari and chrome

Checklist

• [x] I ran npm run re:build
• [x] I reviewed submitted code
• [ ] I added unit tests for my changes where possible

[semanticdiff-com[bot]]

Review changes with  

[aritro2002]

I have added locale support for 'Please enter a valid card number' validation message using google translate.