Simplify relay upsert

frontend/src/pages/admin/AdminRelayDetail.tsx

@@ -3,6 +3,7 @@ import { createResource, createSignal, Show } from "solid-js"
 import { adminDeactivateRelay, adminGetRelay } from "../../lib/api"
 import BackLink from "../../components/BackLink"
 import PageContainer from "../../components/PageContainer"
+import RelayDetailCard from "../../components/RelayDetailCard"
 import ResourceState from "../../components/ResourceState"
 import useMinLoading from "../../components/useMinLoading"
 
@@ -43,14 +44,7 @@ export default function AdminRelayDetail() {
       <Show when={!loading() && relay()}>
         {(r) => (
           <div class="mb-6">
-            <h1 class="text-2xl font-bold text-gray-900 mb-1 py-2">{r().name}</h1>
-            <p class="text-sm text-gray-500">{r().subdomain}.spaces.coracle.social</p>
-            <p class="text-sm text-gray-500 mt-2 break-all">Tenant: {r().tenant}</p>
-            <p class="text-sm text-gray-700 mt-2">Plan: <span class="uppercase">{r().plan}</span></p>
-            <p class="text-sm text-gray-700">Status: <span class="uppercase">{r().status}</span></p>
-            <Show when={r().description.trim()}>
-              <p class="mt-3 text-gray-700">{r().description}</p>
-            </Show>
+            <RelayDetailCard relay={r()} showTenant />
           </div>
         )}
       </Show>