Network Status Footer Block for React

Edit the NETWORKS array at the top of the file: each entry has a name, a state (operational or degraded), the words shown beside the dot (note) and a height string. The heights are text, not a counter, so the block needs no server; feed them from your node API if you want them live.

Only the exceptional state takes a colour: the warning tone on the dot. The normal state uses the foreground tone, and every state is also written in words, with a visually hidden "Status:" prefix, so nothing depends on colour alone.

It is page content that a regulator expects to be visible, not a dismissible banner, so it stays in the footer as an aside named by its heading, in a raised card inside a tinted shell. It takes no action and has no close button.

The block height is wrapped in a bidirectional isolate with a fixed left-to-right direction, so the digits and separators keep their order. The cells, the shell and the legal band use logical spacing and follow the page direction.

The block is a footer. The link groups are one nav labelled Footer, each with an h2. "Network status" is an h2, each network is a list item with an h3, and the notice is an aside labelled by its own heading. The legal links are a labelled list.