[ui] Global components update

[mimetic]

Feature / Issue

Screens use common components, such as variations of titles. Determine the commonly reused screen components, e.g. title bars, buttons, text fields, that require updates and/or component creation. Update (and create if needed) the commonly reused components, such as title bars, buttons, etc. We are using Material Design, so consider that list of components as a basis: https://material.io/design/components/

See "Starred" files on Slack for URL's to current designs. Ask UI team for links if you can't find them.

General Screens: https://xd.adobe.com/spec/230e899d-f6c5-4936-7539-59dbab1a414d-553f/

Chat Screens: https://xd.adobe.com/spec/dbcd5e01-851d-4d74-4234-6b3b905ebadb-adfc/

DApp Screens: https://xd.adobe.com/spec/d60a2807-ed9d-4cf5-5749-259575282007-a03b/

Acceptance criteria

• [ ] Determine the commonly reused screen components. This is a checklist of components that we commonly use, and have customized.
• [ ] Create any missing components that we need
• [ ] Update all components to the latest UI designs

Additional information

Keep in mind that we do not need customized versions of all components, only ones we have customized, or ones we use repeatedly (or will use repeatedly — think ahead).

[prameetc]

This can be completed by 27th @kevowevo

[prameetc]

@mimetic @kevowevo This an ongoing issue. Right now we have most of the components that we need. I will be focusing screen by screen. For this release I decided to update with the Settings and Wallet Screen as they are pretty important.