Enable self-reported webcompat issues when Shields is DOWN

[karenkliu]

Description

Users may be turning off Shields in response to running into webcompat issues. Help speed up webcompat improvement in Shields by allowing the user to self-report issues when running into them.

Designs

Add a "Report a broken site" button that allows the user to self-report issues on the Shields DOWN state:

Clicking on "Report a broken site" will ask the user for permission to send information to Brave:

Clicking on "Submit" will flag that site for the webcompat team and give feedback to the user:

Shields should remember that the user has previously flagged a site for a webcompat issue. In this case, the Shields DOWN state will not have a "Report a broken site" button and instead persist the thank you message.

The list of flagged webcompat sites will reset when a user relaunches a new browser binary (the UP/DOWN state will be retained.)

User flow:

[kjozwiak]

Verification PASSED on macOS 10.15.2 x64 using the following build:

Brave	1.3.91 Chromium: 79.0.3945.117 (Official Build) beta (64-bit)
Revision	04f0a055010adab4484f7497fbfdbf312c307f1d-refs/branch-heads/3945@{#1019}
OS	macOS Version 10.15.2 (Build 19C57)

• ensured that the Report a broken website button doesn't appear when shields are enabled
• ensured that the Report a broken website button is being displayed when shields are disabled
• ensured that the Report a broken site displays the correct website that's being submitted
• ensured that that clicking on Cancel closes the Report a broken site modal
• ensured that clicking on Submit correctly displays the Thank You! modal
• ensured that the Thank You! modal is automatically dismissed
• ensured that clicking on Submit correctly submits the data via the terminal

[47434:775:0114/225922.814119:INFO:webcompat_report_uploader.cc(91)] Successfully uploaded webcompat report. Thanks!

Examples of the UI under macOS:

Verification passed on

Brave	1.3.91 Chromium: 79.0.3945.117 (Official Build) beta (64-bit)
Revision	04f0a055010adab4484f7497fbfdbf312c307f1d-refs/branch-heads/3945@{#1019}
OS	Windows 10 OS Version 1803 (Build 17134.1006)

• ensured that the Report a broken website button doesn't appear when shields are enabled
• ensured that the Report a broken website button is being displayed when shields are disabled
• ensured that the Report a broken site displays the correct website that's being submitted
• ensured that that clicking on Cancel closes the Report a broken site modal
• ensured that clicking on Submit correctly displays the Thank You! modal
• ensured that the Thank You! modal is automatically dismissed
• ensured that clicking on Submit correctly submits the data via the terminal

[27008:8324:0115/165846.133:INFO:webcompat_report_uploader.cc(91)] Successfully uploaded webcompat report. Thanks!
UI for Windows

Verification passed on

Brave	1.3.92 Chromium: 79.0.3945.117 (Official Build) beta (64-bit)
Revision	04f0a055010adab4484f7497fbfdbf312c307f1d-refs/branch-heads/3945@{#1019}
OS	Ubuntu 18.04 LTS

• ensured that the Report a broken website button doesn't appear when shields are enabled
• ensured that the Report a broken website button is being displayed when shields are disabled
• ensured that the Report a broken site displays the correct website that's being submitted
• ensured that that clicking on Cancel closes the Report a broken site modal
• ensured that clicking on Submit correctly displays the Thank You! modal
• ensured that the Thank You! modal is automatically dismissed
• ensured that clicking on Submit correctly submits the data via the terminal