feat: Reduce server vitials panel height

web/app/(app)/servers/[id]/page.tsx

@@ -273,13 +273,13 @@ export default function ServerDetailPage() {
              * (z-40) and under the nav drawer (z-50). The scroll container is
              * AppShell's column, not the window, which is what sticky anchors to.
              */}
-            <div className="sticky top-14 z-20 border-b border-border bg-background/90 px-4 pt-4 backdrop-blur sm:px-6 lg:top-0 lg:px-8">
+            <div className="sticky top-14 z-20 border-b border-border bg-background/90 px-4 pt-3 backdrop-blur sm:pt-4 sm:px-6 lg:top-0 lg:px-8">
                 <Link href="/servers" className="text-sm text-text-secondary transition-colors hover:text-text-primary">
                     ← Servers
                 </Link>
 
-                <div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-2">
-                    <h1 className="text-2xl font-bold text-text-primary">{server.hostname}</h1>
+                <div className="mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-2 sm:mt-2">
+                    <h1 className="text-xl font-bold text-text-primary sm:text-2xl">{server.hostname}</h1>
                     <Badge variant={statusVariant(server.status)}>{server.status}</Badge>
                     <span className="font-mono text-sm text-text-secondary">{server.ip_address}</span>
                     <div className="ml-auto">
@@ -287,7 +287,7 @@ export default function ServerDetailPage() {
                     </div>
                 </div>
 
-                <div className="mt-2">
+                <div className="mt-1.5 sm:mt-2">
                     <TagChips serverId={server.server_id} tags={server.tags} editable />
                 </div>