replace distribution chart with better node stats

[olizilla]

wip on #887 to dial down geolocation activity

License: MIT
Signed-off-by: Oli Evans oli@tableflip.io

[olizilla]

@lidel this PR comes from

1. A need to only do gelocation look-ups on the peers page, which means we can't have the distribution chart on the status page, as we'd have no data for it.
2. Usability testing, that showed it wasn't explicit from the status page that you were connected to IPFS, the need for some context for new users, hence the "connected to IPFS, Sharing nMB, discovered x peers.
3. Refactoring the status widgets into smaller pieces so I can move them around and experiement.

The code needs tidying up, and i18n, but It'd help to get a quick thumbs up from y'all (@lidel @fsdiogo @hacdias) or any questions concerns you might have.

Of note, this doesn't give us the full repo size widget that @lidel came up with in #887 (comment) but that will need some design effort, so we can tackle it as a seperate PR.

[olizilla]

Some cool things I'd like to draw attention too

• Improved html semantics Box is now a section element
• We have a sematically cool Definition component to make styling of key/value definition lists reusable and using the right dl/dt/dd elements under the hood. Here is usage example:

https://github.com/ipfs-shipyard/ipfs-webui/blob/92823a451679e72fbf4822c92b0d65a6f567014b/src/status/NodeInfo.js#L29-L32

• A Details component to for collapsable content that just serves to make sure the details element polyfill is included for Edge
• A super fun, Shell component for when you really want to show a terminal output example.

https://github.com/ipfs-shipyard/ipfs-webui/blob/92823a451679e72fbf4822c92b0d65a6f567014b/src/status/StatusNotConnected.js#L16-L20

[olizilla]

This is ready for review now. Figuring out ICU i18n keys is hard.