Centralize styles in one file.

[aguycalled]

At the moment many components defines their own styles variable on its own file, creating duplicities.

Condense them in one file.

[tsejerome]

Is there any examples of shared styles.

I believe that if our components are soft code enough, it is totally fine to have their own styles as they will not be relevant to each other, which means no duplication.

The only cases that might happen would be screens, layout and relatively big stuff. They might share styles.

[aguycalled]

For example styles.box in DestinationComponent.tsx and SendTo.tsx, or styles.box in ImportWallet.tsx and OpenWallet.tsx. Those were just the first example I found but there must be more.

I'm not myself the best person in this universe in regard to styling, so I guess at some point we will have someone else having a look at the styles. Will be easier if they are all centralised.

[tsejerome]

That means we should refactor the SendTo and ImportWallet as they are sharing the same box.
We should make a <Box/> instead of centralizing the style.

Another thing we could centralize other than layouts is colours, we currently use "grey", "gray", "white", "#fff", "#ffffff" which can be managed in one place.