fix(ui): cleanup animation states

[shanimal08]

Description

• updated initial animation tower rotation
• used framer LayoutGroup and layout prop to prevent janky re-renders on animations that affect the layout (majority of file changes)
• use useShallow when grabbing data from zustand stores which are updated every second in useGetStatus (majority of file changes)
• refactored the block height components:
  • split out the ruler and accent
  • added BlockHeightAccent component which handles the big number resizing in isolation
  • new ruler components with better centering just focusing on the marks and main block height number
• remove canvas hiding in telementary mode toggle implementation
• renamed useBalanceInfo to useBalanceChanges and updated logic a bit:
  • make sure to check if mining or not (if not mining just update the display block height immediately)
  • check for block_height and balance changes separately
• split out animation states setting (so we don't need to keep referencing the same hook, useVisualisation, in different places):
  • only use useCallback for success and fail animations since they depend on the widow being in view + fail animation has the timing deps
  • split success and fail so we can call either func more specifically
  • use setAnimationState directly for start, stop, and pause
• update zustand stores:
  • removed session storage for persist (so defaults to localStorage)
  • added create helper so we can reset to initial states on shut down

Motivation and Context

• there was a weird screen flicker when the block height changed (due to my hanky accent implementation)
• ruler and accent weren't always vertically centered
• display block height wasn't set if not mining

How Has This Been Tested?

• locally:

start.fail.and.success.mp4

accent.resize.mp4

[stringhandler]

seems wrong