clear up light clients and replace with wss

src/Content.tsx

@@ -2,36 +2,22 @@ import { Route, Routes } from 'react-router-dom'
 
 import { About } from '@/pages/About'
 
-import { useEffect, useState } from 'react'
-import { collectiveClient } from './clients'
-import { toast } from 'sonner'
-
-const pages = (lcStatus: boolean) => [
+const pages = [
   {
     path: '',
-    element: <About lcStatus={lcStatus} />,
+    element: <About />,
+  },
+  {
+    path: '/about',
+    element: <About />,
   },
 ]
 
 export const Content = () => {
-  const [lightClientLoaded, setLightClientLoaded] = useState<boolean>(false)
-
-  useEffect(() => {
-    collectiveClient.finalizedBlock$.subscribe((finalizedBlock) => {
-      if (finalizedBlock.number && !lightClientLoaded) {
-        setLightClientLoaded(true)
-      }
-    })
-  }, [lightClientLoaded])
-
-  useEffect(() => {
-    lightClientLoaded && toast.success('Light client: Synced')
-  }, [lightClientLoaded])
-
   return (
     <>
       <Routes>
-        {pages(lightClientLoaded).map(({ path, element }, i) => {
+        {pages.map(({ path, element }, i) => {
           return <Route key={`page_${i}`} path={path} element={element} />
         })}
       </Routes>

src/pages/About/index.tsx

@@ -1,15 +1,10 @@
 import { Button } from '@/components/ui/button'
 
-type Props = {
-  lcStatus: boolean
-}
-
 const openInNewTab = (url: string | URL | undefined) => {
   window.open(url, '_blank', 'noopener,noreferrer')
 }
 
-export const About = ({ lcStatus }: Props) => {
-  console.log('Light client status:', lcStatus)
+export const About = () => {
   return (
     <main className="grid flex-1 items-start gap-4 p-4 sm:mx-[5%] xl:mx-[20%] mx-0 sm:px-6 sm:py-0 md:gap-8">
       <h1 className="font-unbounded text-primary flex-1 shrink-0 whitespace-nowrap text-xl font-semibold tracking-tight sm:grow-0">