feat: 💨

src/pages/primary/RelayPage/index.tsx

@@ -1,5 +1,4 @@
 import Relay from '@/components/Relay'
-import RelayPageControls from '@/components/RelayPageControls'
 import PrimaryPageLayout from '@/layouts/PrimaryPageLayout'
 import { normalizeUrl, simplifyUrl } from '@/lib/url'
 import { useCurrentRelays } from '@/providers/CurrentRelaysProvider'
@@ -32,14 +31,9 @@ export default RelayPage
 
 function RelayPageTitlebar({ url }: { url?: string }) {
   return (
-    <div className="flex gap-2 items-center justify-between h-full">
-      <div className="flex items-center gap-2 pl-3 flex-1 w-0">
-        <Server />
-        <div className="text-lg font-semibold truncate">{simplifyUrl(url ?? '')}</div>
-      </div>
-      <div className="flex items-center flex-shrink-0">
-        <RelayPageControls url={url ?? ''} />
-      </div>
+    <div className="flex items-center gap-2 px-3 h-full">
+      <Server />
+      <div className="text-lg font-semibold truncate">{simplifyUrl(url ?? '')}</div>
     </div>
   )
 }

src/pages/secondary/RelayPage/index.tsx

@@ -1,5 +1,4 @@
 import Relay from '@/components/Relay'
-import RelayPageControls from '@/components/RelayPageControls'
 import SecondaryPageLayout from '@/layouts/SecondaryPageLayout'
 import { normalizeUrl, simplifyUrl } from '@/lib/url'
 import { forwardRef, useMemo } from 'react'
@@ -14,13 +13,7 @@ const RelayPage = forwardRef(({ url, index }: { url?: string; index?: number },
   }
 
   return (
-    <SecondaryPageLayout
-      ref={ref}
-      index={index}
-      title={title}
-      controls={<RelayPageControls url={normalizedUrl} />}
-      displayScrollToTopButton
-    >
+    <SecondaryPageLayout ref={ref} index={index} title={title} displayScrollToTopButton>
       <Relay url={normalizedUrl} />
     </SecondaryPageLayout>
   )