Improve app.sunrisestake.com UI

[dankelleher]

UI-only improvements, no feature changes in this issue. Here is a non-exhaustive list of suggestions.

• [X] Generally brighten up the UI, improve the colour palette etc
• [x] Further UI tasks / bugs
  • [x] (readonly client problem)
  • [x] "Share on Twitter" popup after staking #10
  • [x] Improve styling on smaller mobile devices
  • [x] Center ticket redeem buttons
  • [x] Rounding errors with arrows and gSOL balances
  • [x] Update CRA meta
  • manifest.json
  • ... ?
  • [X] Finish styling of <AmountInput/>
  • [X] Ticket redeem flow
  • [X] Basic flow
  • [X] Improve styling
  • [X] Replace hover with clicks
  • [x] Multiple tickets bug #47
  • [X] Style error / done messages e.g. as Toasts
  • [x] Withdrawal panel need to show and withdraw deposited SOL balance
  • [x] CO2 info boxes below action panel
  • [X] Add data to CO2 info boxes
  • [x] Improve the alpha warning popup UI and make it look less "TailwindUI"ish :)
  • [X] Add background image
  • [x] Cross-check mobile experience
• [x] Links/tooltips to instructions, help resources, explaining what is going on
• [X] Improved UX around instant vs delayed withdrawal
• [x] Fix the reporting around tCO2e which is leftover from a previous version (more details to follow here)
• [x] Add an "details" or "info" section, which is obscured by default to keep the UI simple. This section will explain the current yields, current balances in the stake account compared to the liquidity pool, the balances in the treasury, the current prices for msol and carbon tokens etc.
• [x] Spinner while waiting for tx confirmation

[dankelleher]

Great progress so far! Some general comments when looking at the UI at its current state.

• We should probably revamp the view when no wallet is connected. it is not clear what to do and what is going on. Maybe we just show the normal view immediately? Thoughts here?
• padding needed on wallet button next to icon
• show gsol balance on stake view too? Maybe in the boxes down below? - I think we replace the "earned" box with this?
• Replace the SOL icon with a gSOL one on unstake (I will add to the repo)
• consistent size for the deposit and withdraw buttons, wdyt?