Top-level setting page UI v2 update

[JustinBeBoy]

Resolve #1031 #993 #994
Fix #1012
Fix #1013

Subtask:

• Update v2 design for top-level setting page
• Update modal for top-level setting page
• Update v2 design for help page
• Update v2 design for about page
• Update v2 design for license

Screenshots

[dreacot]

The max width of the content area should be reduced

vs

This PR doesn't seem to solve #994 as stated

This PR links to a PR that closes #993, but the issue is also not resolved here, there's also a new mockup for said issue here https://www.figma.com/file/e0cYaAzkXyXXPY00v23cQY/GoDCR-%26-DCRMobile?node-id=4659%3A182253

[JustinBeBoy]

This PR doesn't seem to solve #994 as stated

This PR links to a PR that closes #993, but the issue is also not resolved here, there's also a new mockup for said issue here https://www.figma.com/file/e0cYaAzkXyXXPY00v23cQY/GoDCR-%26- DCRMobile?node-id=4659%3A182253

@dreacot
The design of the top level setting has been changed, the functions divided for the wallet setting page, issues #993 and #994 are no longer needed and should be closed under this PR.

[devchoplife]

The sunshine icon should be visible when dark mode is active and the moon icon when light mode is active.

vs

Mockup:

[devchoplife]

This PR looks good but a few things are out of place:

• The moon icon should be the dark shade and the sunshine icon should be the light shade. I think you might need to extract the black moon icon and the light sunshine icon on figma.
  

• On the about page, the license row blends into the background when hovered, maybe adding a shadow could help (this only happens in light mode)

[JustinBeBoy]

On the about page, the license row blends into the background when hovered, maybe adding a shadow could help (this only happens in light mode)

I think we should change all hover color, because all button in app occur and it is other issue

[dreacot]

On the about page, the license row blends into the background when hovered, maybe adding a shadow could help (this only happens in light mode)

I think we should change all hover color, because all button in app occur and it is other issue

I agree, an issue for created for this and it can be treated separately

[dreacot]

LGTM

[devchoplife]

Please correct the layout of the license page:

vs

[crux25]

Move this line

godcr/ui/page/settings_page.go

Line 101 in 3fafcdd

pg.updateSettingOptions()

From the Layout function to

godcr/ui/page/settings_page.go

Line 93 in 3fafcdd

func (pg *SettingsPage) OnNavigatedTo() {

The layout function is called each time there is a layout change or an action is fired so performing all that computation each time an event occurs will lag the UI.

[devchoplife]

Also, I think the color of the text we have on the license page is lighter than what we have on the mockup.

Mockup -- Godcr

[JustinBeBoy]

Also, I think the color of the text we have on the license page is lighter than what we have on the mockup.

Mockup -- Godcr

it's done

[Sirmorrison]

LGTM