Use same labels on Shields global settings and panel

[tildelowengrimm]

Test plan

See brave/brave-core#2149

Description

Current

Designs

Settings:

Shields panel:

[tildelowengrimm]

cc: @karenkliu

[tildelowengrimm]

Text should be as follows:

In Shields Panel

- Cross-site trackers blocked [toggle]
- Connections upgraded to HTTPS [toggle]
- Scripts blocked [toggle]
- [ Cookies blocked / Cross-site cookies blocked / All cookies allowed ]
- [ Device recognition attempts blocked / Cross-site device recognition blocked / All device recognition attempts allowed ]

Change Shields global defaults [outlink]

In Settings

# Shields global defaults

- Block cross-site trackers [toggle]
- Upgrade connections to HTTPS [toggle]
- Block scripts [toggle]
- Cookies [ Block all cookies / Only block cross-site cookies / Allow all cookies ]
- Device recognition [ Block all device recognition attempts / Only block cross-site device recognition attempts / Allow all device recognition attempts ]

[karenkliu]

Added designs to the issue.

[petemill]

@tomlowenthal please can we keep the section title for Shields and use a sub-section title for 'Global Defaults' as per brave/brave-core#1909? So that we can have Shields as a top-level menu item and then can have other sub-sections if we need them (social media blocking?).

In your latest wording, it seems to keep the section title as Shields global defaults

In @karenkliu 's mockup (in the Description of this issue) it seems to keep that title but omits the description stating that these are defaults and can be overriden per-site.

This is what I had and intend to merge, before the actual settings items get adjusted:

[karenkliu]

How's this:

And we can do either of these options later if we want to add in social media blocking:

[karenkliu]

Reviewed this with @tomlowenthal; we decided to go with a modified version of option B for the social media stuff. I will attach specs to #4109 .

For this issue, here is the design with Tom's feedback:

[GeetaSarvadnya]

Verification passed on

Brave	0.68.104 Chromium: 75.0.3770.100 (Official Build) dev (64-bit)
Revision	cd0b15c8b6a4e70c44e27f35c37a4029bad3e3b0-refs/branch-heads/3770@{#1033}
OS	Windows 10 OS Version 1803 (Build 17134.523)

• Verified the description mentioned in the issue
  • Shield settings:
    
  • Global shield settings:
    
  • Logged Global shield settings - Device recognition options are not aligned with dropdown #5293

Verification passed on

Brave	0.68.113 Chromium: 76.0.3809.62 (Official Build) beta (64-bit)
Revision	7b77856b3aa34d72f246d12340fc1ded8b2c0e83-refs/branch-heads/3809@{#798}
OS	Linux

• Verified global shields settings has shields info and naming convention as mentioned in test plan
  
• Verified Shields has the same naming convention as global shields settings
  

Verified passed with

Brave	0.68.114 Chromium: 76.0.3809.87 (Official Build) beta (64-bit)
Revision	111fe1e15d5ced26080a7dc239bcfe70f6c49aad-refs/branch-heads/3809@{#967}
OS	Mac OS X

• Verified test plan from Use same labels on Shields global settings and panel brave-core#2149