Transform otherAmount select to input field

[dphilipov]

Closes #1561

Motivation and context

• When clicking the otherAmount option, the input field renders in it's place instead of next to it, to avoid confusion for the users
• The input field is auto focused
• Since the issue didn't specify, I added a fade transition (200ms)

Screenshots:

Before

After

Testing

Steps to test

1. Initiate a donation to a cmpaign
2. Choose the Other Amount field

[github-actions]

✅ Tests will run for this PR. Once they succeed it can be merged.

[dphilipov]

I'm setting the value to 1, because currently there is brief moment where the validation gets triggered and the Минималната сума която може да дарите с карта е 1лв. error message gets shown. This was kinda hidden by the Collapse animation.

[dphilipov]

Not related to the issue, but I believe this translation does not exist setError(t('first-step.only-numbers')). Is there a translation text that I can use, or should I remove the setter?

Currently it shows this:

[igoychev]

Not related to the issue, but I believe this translation does not exist setError(t('first-step.only-numbers')). Is there a translation text that I can use

Great find! Let's add the missing one - please search for 'transaction-limit' in the code(Ctrl+Shift+F) and it will show you the translation files with translations and feel free to add the "only-numbers" text messages.

[dphilipov]

Not related to the issue, but I believe this translation does not exist setError(t('first-step.only-numbers')). Is there a translation text that I can use

Great find! Let's add the missing one - please search for 'transaction-limit' in the code(Ctrl+Shift+F) and it will show you the translation files with translations and feel free to add the "only-numbers" text messages.

I added the missing translation. Hope the text is ok.

[igoychev]

great change and very professional side improvements for the translations!