Ledger info

[quietbits]

Build the "Ledger info" section following the design.

• The container component LedgerInfo is already created.
• Use Stellar Design System (SDS) components as much as possible.
• Use only colors from the SDS to make sure light and dark modes "just work". We don't have a color palette on the SDS website yet, so they can be found here or viewed in browser dev tools.
  • There are a couple of custom colors: #5332E6 and #18DFDF on light mode (#6260EB and #18DFDF for dark mode). Even though one of the colors is the same for both themes, it might be better to treat them as a pair of colors (in case they are adjusted later).
  • Same colors are used in "Total XLM Supply section" (not added yet).

• Icons should also be used from the SDS (<Icon /> component). It's OK if they differ slightly.
• Will need a backend endpoint to get the data.
• Should be on mainnet and testnet.

Some notes