Use full page explainer for unconfigured ipfs:// loads instead of loading content with an infobar

Description

For new IPFS users that load ipfs:// or ipns:// URLs, show a webui page that gives an explainer instead of loading content through a gateway with an infobar.

The infobar is pretty packed, and we’d rather not use the gateway by default without user consent.

We currently load the content + have this infobar:

Instead we should show a full page webui explainer page. If the user goes in settings and selects Ask we’d just show this page again.

Designs

• Learn more link goes to https://support.brave.com/hc/en-us/sections/360010974932-InterPlanetary-File-System-IPFS-
• Settings links goes to brave://settings, scrolled to the IPFS section

When the user clicks “Use local node”, show a loading spinner to indicate the node is being installed before redirecting to the requested content:

Assets

Figma: https://www.figma.com/file/tLXWGCpNoiJxDZDdpfordj/?node-id=94%3A7772

[jessicaschilling]

This is awesome! Would love to request a few text changes just for consistency with IPFS-land in general?

• In the explanatory graf, InterPlanetary File System (IPFS) is the public network -> IPFS (InterPlanetary File System) is the public network
• First option text: and content you're requesting -> and any content you're requesting
• First option text: Content is verified -> Content you request over IPFS is verified
• First option text: before being served. -> before being served to you.
• Second option text: from everyone else -> from potential third-party observers
• Second option text: The operator is responsible for serving you the correct requested content. -> The gateway operator is responsible for ensuring that the content served to you over a gateway is the content you requested.
• Second option text: to the public network -> to the public IPFS network

[stephendonner]

Verified FIXED using nightly on macOS Big Sur (11.2.1) with:

Brave	1.22.39 Chromium: 89.0.4389.58 (Official Build) nightly (x86_64)
Revision	1a139f28ecc27719439e37c6b1533cee999cb802-refs/branch-heads/4389@{#1134}
OS	macOS Version 11.2.1 (Build 20D74)

Verified that the links go to the correct URLs, that brave://settings/ipfs options are present and work, and that the text from https://github.com/brave/brave-browser/issues/13655#issuecomment-763946365 was updated and reflected in the UI.

The spinner on the “Installing…” orange button isn’t present; will file a new bug for that and cross-reference it here.

---

Verification passed on

Brave | 1.22.56 Chromium: 89.0.4389.72 (Official Build) dev (64-bit)
-- | --
Revision | 3f345f156bfd157bd1bea06310e55f3fb2490359-refs/branch-heads/4389@{#1393}
OS | Windows 10 OS Version 2004 (Build 19041.804)

• Verified the description from the issue https://github.com/brave/brave-browser/issues/13655#issue-789103427
• Ensured Learn more and settings links redirected to correct pages
• Verified the Figma doc and ensured that IPFS content page content is as per the Figma doc specifications

---

Verification passed on

Brave	1.22.58 Chromium: 89.0.4389.86 (Official Build) beta (64-bit)
Revision	0c2dac31bc21e806a791641316e99920f84ea52c-refs/branch-heads/4389@{#1472}
OS	Ubuntu 18.04 LTS

Verified test plan from the description