feat: highlight local network peers

[hacdias]

Based on #1262 so that must be merged beforehand. This PR introduced a special location for local network peers, where show their flag as a handshake with the 'Local Network'. This idea comes from #223 which suggests to highlight local network and close peers geographically.

I wonder if this is the best way to show local network peers. How'd highlight geographically close peers?

/cc @lidel @autonome

[hacdias]

I thought maybe coloring the row with a different background for local and geographically close peers, but that wouldn't say much by itself. Maybe some badge near the location?

[lidel]

@hacdias are you able to create screenshots with 2-3 options? (eg. yellowish background / text color / badge). Will be easier to evaluate that way.
(including design shop for feedback)

[hacdias]

Keeping the emoji for the Local Network ones, we could use this colors (gold for local network, silver for nearby geographically):

Same, but with light yellow for local network and light blue for nearby geographically:

Keeping the emoji for the Local Network ones, using the color scheme gold for local network and blue for nearby geographically:

Last but not the least, with badges! In this case, I don't believe keeping the Local Network emoji is worth it because we have badges!

What do you like most? I really love the 'Local Network' with a handshake. I'd personally go to either one of the last two.

[ericronne]

Love the handshake, too!

Given that this indicator is all about proximity, i think it makes sense to use a small label, as opposed to stretching it across the entire row. It also seems useful to explicitly mark them as "local" or "nearby," so we don't have to rely on a key, eg.

In the case of local connections, what if we swapped out the globe for the handshake, and swapped out "Unknown" for "Local"? In theory, the user would know the location of a locally connected peer, right? 😸

For nearby nodes, i've simply added "(nearby)" to the end of the nearby node (in gray) below. Not a brilliant solution, admittedly. We could add a small emoji, perhaps …

[lidel]

Thanks! I feel changing text/background color makes things too noisy (we may want to keep that option for other things like "manually added peers")
I am also worried about confusion between "local" (same IP network class) and "nearby" (geographically).
In theory, addresses from "local network" could not be geographically "local" (VPN-bridged LAN networks etc).

For those reasons I'd keep regular colors, handshake icon and full "Local Network" to be explicit what we mean by local:

[hacdias]

Just updated to match the suggestions above. 'Local Network' + Handshake for local network nodes and nearby between parenthesis on geographically close peers.

[hacdias]

Ping @lidel @autonome @ericronne

[ericronne]

Unqualified to vouch for code, but re the visual and copy changes: ❤️

[autonome]

A couple of minor questions about exception handling, code locality, etc.

[hacdias]

@autonome just updated the function with memoization (from a package though) and added comments!