Remove margin from Message component

[shivam-Purohit]

Description

component integrating a message component should define margins for success/error message component.

closes #1729
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]

We can probably remove top from field style now

[myxmaster]

My thoughts on this:

1. I don't think we need the prop top, there already is a prop mainStyle which can be used to adjust the style of the Text component.
2. Why does the Text component need top at all? It should be sufficient to define it on the TouchableOpacity.
3. I think the margin should be 0 by default and only be set to non-zero if it is needed by the integrating component.
4. styles.field additionally defines marginBottom and padding which should also be removed. There is also a borderRadius which shouldn't have any effect since there is no borderWidth defined (I might be wrong here, I didn't test this).
5. Additionally to the mainStyle (weird naming) there should also be a style for the TouchableOpacity since margins should be defined here.
6. We need to check every component that integrates one of these message components and check the margins.