Display sidebar navigation for Settings page

[rebron]

Test plan

1. Open brave://settings
2. Sidebar should always be shown (even when scrolling up and down), when the window is wide enough
3. Clicking items in sidebar should jump to the content
4. Sidebar should more or less match mockup below

Description

Use persistent sidebar navigation in Settings and Extensions page.
chrome://settings
chrome://extensions (edit by petemill: extensions can be a follow-up, several things to discuss - #3771)

See mock for appearance, order, styling.
Should be:

• Get Started
• Extensions
• Sync
• Shields
• Search
• Appearance

Clicking on links above will take you to the corresponding section on the main screen.

Default collapse -> Additional Settings section.
In order should be:

• Privacy & Security
• Passwords & Autofill
• Languages
• Downloads
• Printing
• Accessibility
• System
• Reset

Show Brave logo and About Brave version.

Design

[rebron]

For Reset item on the bottom, point onclick to launch into the Reset settings dialog :

Not here: chrome://settings/reset

[bsclifton]

Making good progress here; for those interested, here are the branches to check out:
https://github.com/brave/brave-core/tree/bsc-prefs-sidebar
https://github.com/brave/brave-browser/tree/bsc-prefs-sidebar

[petemill]

@rossmoody @bradleyrichter putting 'extensions' as an item in this sidebar makes me uncomfortable since it opens a new page that doesn't have the sidebar, as opposed to every other item, the behavior of which is to scroll the page to the item's section. Should Extensions actually be on the header nav?

[rebron]

@petemill the Extensions link in the sidebar should link to the Extensions section in settings where a user can then go to a new page. Same behavior as with Sync right below it.

Extensions is an item in the sidebar menu for Chrome that points to the external extensions manager page and not in settings.

There are very few access points for Extensions/Extensions manager. Possibly cleaner to have 'Extensions' in the upper nav but we're running out of real estate up there.

[petemill]

Reset linking directly to popup covered in another issue @rebron : #3772

[srirambv]

Verification passed on

Brave	0.65.107 Chromium: 75.0.3770.38 (Official Build) beta(64-bit)
Revision	3860105745f2b12537da9e9f048f14c3f52ba970-refs/branch-heads/3770@{#618}
OS	Linux

• Side bar navigation is always shown
• Advanced settings dropdown is hidden by default
• Clicking on each setting element loads the corresponding section of the settings page

Verification passed on

Brave	0.65.107 Chromium: 75.0.3770.38 (Official Build) beta (64-bit)
Revision	3860105745f2b12537da9e9f048f14c3f52ba970-refs/branch-heads/3770@{#618}
OS	Windows 10 OS Version 1803 (Build 17134.523)

• Side bar navigation is always shown
• Advanced settings dropdown is hidden by default and can be expanded
• Clicking on each setting element loads the corresponding section of the settings page

Verification PASSED on macOS 10.14.5 using the following build:

Brave	0.65.112 Chromium: 75.0.3770.38 (Official Build) beta(64-bit)
Revision	3860105745f2b12537da9e9f048f14c3f52ba970-refs/branch-heads/3770@{#618}
OS	Mac OS X

• ensured that clicking on "About Brave" below Additional settings opens chrome://settings/help
• ensured that the sidebar navigation is always available when accessing settings via several access points
• ensured that Advanced settings is hidden by default and works as expected when expanded
• ensured that each item within the sidebar navigation loads the correct sections without issues
• ensured that the URLs under the omnibox are being updated when switching between each section
• ensured that the icons are being highlighed orange when clicking on each item