adding styles

app/packages/web/src/components/share.module.css

@@ -0,0 +1,22 @@
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  h1 {
+    font-size: 1.125rem;
+    font-weight: 500;
+  }
+  p {
+    display: flex;
+    gap: 0.5rem;
+    font-size: 0.875rem;
+
+    span:first-child {
+      &.connected { color: var(--sl-color-green); }
+      &.connecting { color: var(--sl-color-orange); }
+      &.disconnected { color: var(--sl-color-hairline); }
+    }
+  }
+}
+

app/packages/web/src/pages/share/index.astro

@@ -4,17 +4,7 @@ import config from "virtual:starlight/user-config";
 import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
 import Share from "../../components/Share.tsx";
 
-// export const prerender = false;
-
 const { id } = Astro.params;
-console.log(Astro.url);
-console.log(import.meta.env.VITE_API_URL);
-
-//export function getStaticPaths() {
-//  return [
-//    { params: { slug: undefined }}
-//  ];
-//}
 ---
 
 <StarlightPage
@@ -34,6 +24,6 @@ body > .page > .main-frame .main-pane > main > .content-panel:first-of-type {
   display: none;
 }
 body > .page > .main-frame .main-pane > main > .content-panel + .content-panel {
-  border-top: none;
+  border-top: none !important;
 }
 </style>