Misc cleanups

[JustinDrake]

top-left infobar

• [backend] Use Deribit for the price feed (https://test.deribit.com/api_console/?method=%2Fpublic%2Fget_index_price) and update every slot. #242

supply dashboard

• [backend] Synchronise all the widgets in the dashboard to use the same clock.
• Use Rodrigo's awesome animation for when the supply since merge goes negative. #245
• When selecting "SIMULATE PoW", the graph y-axis updates (needlessly lowering the y-axis starting point) when a new data point comes in. #246

ETH SUPPLY

• The chart nicely animates from 5m -> 1h and from 30d -> 53d. Having the charts animate nicely for all timescales would be a significant win IMO. #247
• Animate the annualised supply growth. #248
• Reduce the granularity for "SINCE MERGE" to 1d
• The grey vertical line doesn't start at the first datapoint for the timeframe.
• The panda emoji blinks with every update at the graph, especially on mobile.
• Panda emoji and other images load with a white rectangle outline. #250
• Add smoothing of the chart line, similar to the base fees chart.
• Annualised supply growth value is not selectable.
• The "since merge" graphs don't start at the merge (because of rounding).
• [backend] Add a "SINCE BURN" timeframe.
• Add a stylised tooltip for the annualised supply growth.

SUPPLY CHANGE

• Have the backend supply the value at the start of the timeframe. (E.g. for the 1-day timeframe provide the value exactly 1-day ago, without any rounding.)
• When toggling "SIMULATE PoW" the colour doesn't smoothly animate between orange and blue.
• When toggling "SIMULATE PoW" the colour doesn't respect the value sign during the animation (orange for – and blue for +).
• Add a stylised tooltip for "SIMULATE PoW".

CURRENT SUPPLY

• Flash the value orange or blue depending on whether the current supply went up or down.
• [backend] Synchronise the EVM balances on a slot-by-slot basis.
• Add a stylised tooltip for the nerd emoji

GAUGES

• Make the spacing between the gauges and the time frame selectors consistent. (E.g. remove bottom padding from gauges.)
• The animated numbers for burn and issuance when going from "ETH" to "USD" go in the negatives.
• [backend] Use the live PoS issuance instead of a hardcoded estimate.
• [backend] Add a "SINCE MERGE" timeframe for the gauges.
• [backend] Add a "SINCE BURN" timeframe.
• Make "SINCE BURN" the default timeframe for the whole dashboard.
• Stylise the tooltip for the "since burn" timeframe.

gas dashboard

• Make https://ultrasound.money/#gas show the gas dashboard immediately

BASE FEES

• Inconsistent font weight for ultra sound barrier gas price

GAS MARKET

• Inconsistent font weight for gas prices (needs to be bolder)
• Inconsistent colour for gas prices (needs to be flat colours)

projections dashboard

• rename "supply projections" to "projections"
• change https://ultrasound.money/#projection to https://ultrasound.money/#projections

2Y PROJECTION

• Use consistent styling for the sliders and slider texts.
• Add percentages for "in accounts", "in contracts" and "in validators" within tooltip
• Review this widget in Figma.

burn dashboard

• Rename "the burn" to "burn".

LATEST BLOCKS

• Make block number grey (see Figma).
• Use consistent colour (flat orange/blue) for gas prices.

BURN CATEGORIES

• [backend] Fix the "SINCE BURN" timeframe.
• "all time frame unavailable, data sync in progress..." -> "NOT AVAILABLE"
• [backend] Fix the 5min timeframe.
• "5 minute time frame unavailable" -> "NOT AVAILABLE"

TVS dashboard

ETHEREUM SECURES

• The ETH value is off. Should be [value taken from top infobar] * [value taken from "CURRENT SUPPLY" in the supply dashboard].
• [backend] NFTs value is off (we show $21.55B, nftgo.io says $22.75B)

NFT LEADERBOARD

• [backend] Fix Twitter metadata (e.g. "Art Blocks" and "The Sandbox LAND" don't have Twitter images).

ERC20 LEADERBOARD

• [backend] Fix Twitter metadata (e.g. "BTSE Token" and "Waves" don't have Twitter images).

monetary premium dashboard

SCARCITY

• [backend] Fix "defi (stale)"

VALIDATOR REWARDS

• Add "SINCE BURN Xd" in the top right corner.
• [backend] Need to support all timeframes ("since merge" is especially important).

FLIPPENINGS

• Refresh the hardcoded estimates.

fam dashboard

• "join 5000+ fam members" -> Display numbers with commas (e.g. 5000 -> 5,000).

POAP dashboard

• Immediately show the POAP section when loading https://ultrasound.money/#poap

ELIGIBLE ACCOUNTS

• [backend] For accounts that have claimed the POAP, add link to the corresponding https://app.poap.xyz page. E.g. https://app.poap.xyz/scan/sassal.eth for Anthony Sassano.
• Reset the scrollbar to the top when typing in the search bar.
• Rename "CLAIMED?" to "CLAIM"
• Add the ability to sort by claim timestamp when clicking on "CLAIMED?". (Add a little triangle to show that it's ordered by claim timestamp.)

CLAIM POAP

• Show full nerd emoji colours when hovering over "CLAIM POAP" (similar to how it is done to "SECURITY RATIO").
• [backend] Show if individual criteria are matched.

comment for multiple dashboards

• The spacing between dashboards is inconsistent.
• Design a pretty-looking tooltip saying something like "MORE INFO" when hovering over the nerd emojis.
• Add a left navigation bar (as designed by Thomas) to scroll across the various sections.
• Add a cross-referenceable error ID on unhandled errors.

Figma

• Put all the legacy design to the side in a historical/legacy section.
• Generally clean up Figma so that new team members can easily use it.