Overhaul UI to improve user engagement

[tk-o]

Example to follow: https://ui.shadcn.com/blocks

What I understand is we need to overhaul:

• navigation view
  • change horizontal tabs to vertical tabs
• connection view
  • allow connecting to a particular ENSNode instance
  • validate provided URL and show errors when the provided URL was invalid or the target ENSNode was not compatible with the current ENSAdmin app
• indexing status view
  • create progress bar that feels alive
• Ponder API examples
  • include client.status() call (btw. we have our way to get Ponder status & meta on ENSNode /GET metadata endpoint)
  • include examples for:
    • plain TypeScript: client.query, client.live & client.status
    • React TypeScript: usePonderQuery (it’s using client.live under the hood) & usePonderStatus
  • make every example a flattened single-file content so it’s ready to copy

[tk-o]

Currently, we got:

• vertical menu (sidebar) replacing tabs
  

• sidebar is collapsible
  

• connections can be managed with a widget