feat: explore (#85)

src/components/Sidebar/ExploreButton.tsx

@@ -0,0 +1,19 @@
+import { usePrimaryPage } from '@/PageManager'
+import { Compass } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+import SidebarItem from './SidebarItem'
+
+export default function RelaysButton() {
+  const { t } = useTranslation()
+  const { navigate, current } = usePrimaryPage()
+
+  return (
+    <SidebarItem
+      title={t('Explore')}
+      onClick={() => navigate('explore')}
+      active={current === 'explore'}
+    >
+      <Compass strokeWidth={3} />
+    </SidebarItem>
+  )
+}

src/components/Sidebar/index.tsx

@@ -4,6 +4,7 @@ import AccountButton from './AccountButton'
 import HomeButton from './HomeButton'
 import NotificationsButton from './NotificationButton'
 import PostButton from './PostButton'
+import RelaysButton from './ExploreButton'
 import SearchButton from './SearchButton'
 import SettingsButton from './SettingsButton'
 
@@ -16,6 +17,7 @@ export default function PrimaryPageSidebar() {
           <Logo className="max-xl:hidden" />
         </div>
         <HomeButton />
+        <RelaysButton />
         <NotificationsButton />
         <SearchButton />
         <SettingsButton />