UI/autosize input

[bogdandobritoiu]

Description

Ticket: CP-12171

Please provide:

• A summary of the changes
• Motivation and context for this change
• Any dependencies introduced
• (If breaking) migration steps and instructions

Replaced TextInputs with new AutoSizeTextInput on these 3 components AutoSizeTextInput to FiatAmountInput, TokenAmountInput, TokenUnitInput.

Added prefix and suffix components as well as renderLeft and renderRight in case you don't want those to autosize with main input.

Screenshots/Videos

Buy
https://github.com/user-attachments/assets/bddf451d-e4d6-44ba-9865-8ab4fe12d601

Send
https://github.com/user-attachments/assets/d87eed61-1fe1-4b47-bfc0-325748fa43fb

Swap
https://github.com/user-attachments/assets/f953461c-4870-4a51-9c4c-4616d089f4b4

Bridge
https://github.com/user-attachments/assets/1a575c80-40e0-41d6-ad67-1b88023a2b73

Withdraw
https://github.com/user-attachments/assets/b4a650ce-76cd-4fa7-94ee-e64b45b8909a

Testing

Dev Testing (if applicable)

For each flow Buy/Send/Swap/Bridge/Withdraw

1. Open up each flow
2. Type to verify autosizing of the amount input
3. Select options underneath

QA Testing (if applicable)

• Provide instructions for QA to test this feature thoroughly
• State expected behavior / acceptance criteria

Checklist

Please check all that apply (if applicable)

• I have performed a self-review of my code
• I have verified the code works
• I have included screenshots / videos of android and ios
• I have added testing steps
• I have added/updated necessary unit tests
• I have updated the documentation