Fixes alignments and RTL layout in Amount.tsx

[myxmaster]

Description

This fixes #1774.

• fixed alignment of several elements (pending icon, sats, FIAT icon, BTC icon)
• fixed slightly cut off BTC icon
• removed empty space in Clock.svg

Before:

After:

This pull request is categorized as a:

• New feature
• Bug fix
• Code refactor
• Configuration change
• Locales update
• Quality assurance
• Other

Checklist

• I’ve run yarn run tsc and made sure my code compiles correctly
• I’ve run yarn run lint and made sure my code didn’t contain any problematic patterns
• I’ve run yarn run prettier and made sure my code is formatted correctly
• I’ve run yarn run test and made sure all of the tests pass

Testing

If you modified or added a utility file, did you add new unit tests?

• No, I’m a fool
• Yes
• N/A

I have tested this PR on the following platforms (please specify OS version and phone model/VM):

• Android
• iOS

I have tested this PR with the following types of nodes (please specify node version and API version where appropriate):

• Embedded LND
• LND (REST)
• LND (Lightning Node Connect)
• Core Lightning (c-lightning-REST)
• LndHub
• [DEPRECATED] Core Lightning (Spark)
• [DEPRECATED] Eclair

Locales

• I’ve added new locale text that requires translations
• I’m aware that new translations should be made on the Zeus Transfix page and not directly to this repo

Third Party Dependencies and Packages

• Contributors will need to run yarn after this PR is merged in
• 3rd party dependencies have been modified:
  • verify that package.json and yarn.lock have been properly updated
  • verify that dependencies are installed for both iOS and Android platforms

Other:

• Changes were made that require an update to the README
• Changes were made that require an update to onboarding

[shubhamkmr04]

I can observe some alignment issues with the clock icon here.

[myxmaster]

Are you testing with the new font? I need to adjust lineHeight for the new font (or no adjustment needed anymore)...

[myxmaster]

Done, can you please check again? @shubhamkmr04

[shubhamkmr04]

I just remembered about this PR; sure, I'll have a look again.

[shubhamkmr04]

I think the Clock Icon is close to the currency icon on the right side of the amount.

[myxmaster]

Good catch, I didn't know some currencies put the symbol on the right. Fixed by using marginHorizontal again instead of marginRight.

[shubhamkmr04]

tACK