Update error/warning page communication and iconography & use Google Safe Browsing via proxy

[tildelowengrimm]

Description

As on desktop, we should use Google's Safe Browsing service to avoid phishing & malware.

Designs

Create responsive webpage designs that work for mobile & desktop widths.

Interstitial pages:

Page might charge you money:

Connection not private:

Phishing warning:

Malware warning:

Unwanted software warning:

Assets

Figma: https://www.figma.com/file/aJu3WGDztEWNZgwQTD9yx2/?node-id=0%3A49

Test Plan

1. Navigate to https://testsafebrowsing.appspot.com
2. Confirm all webpage warnings URLs display the safe browsing warning.

Notes

Given that these are webpages, the same design is used for all platforms. Android & Desktop: brave/brave-browser#7464

[jumde]

Looks like SafeBrowsing is not implemented yet: https://testsafebrowsing.appspot.com/

[karenkliu]

Designs and assets added!

[karenkliu]

Cross-platform reference:
Desktop: brave/brave-browser#1149 (comment)
Android: https://github.com/brave/browser-android-tabs/issues/2381

[fmarier]

Note: as per the Google UI requirements the screens need to say "Google Safe Browsing" and not "Brave Safe Browsing".

I will be fixing desktop in brave/brave-browser#7614.

[fmarier]

@karenkliu In addition to the "Brave Safe Browsing" bit, I noticed that the designs say "your Mac". Should that be "your device" instead since we're talking about iOS?

[karenkliu]

@fmarier Yes - sounds good to me!

[karenkliu]

Updated designs to reflect that these should be full-screen HTML pages using our web UI.

[karenkliu]

Do you still need anything from me for this?

[anthonypkeane]

If the designs are up to date @karenkliu I don't need anything from you.

@iefremov When you have a moment can you please review this issue again. We want to implement this in iOS now. Thanks

[iccub]

This ticket is too big and we went with using Apple's provided api for safe browsing.

Moving the 'update design' part to #4338