fix: remove the pill's own capsule background

The toolbar item already draws its own bezel for the principal-placement
slot; painting a `Color.secondary.opacity(0.08)` capsule on top gave the
pill a doubly-framed look. Drop the pill's background + the padding that
was only there to fit inside the capsule. The dot + label now sit
directly on the toolbar's native surface.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

scarf/scarf/Features/Servers/Views/ConnectionStatusPill.swift

@@ -23,6 +23,9 @@ struct ConnectionStatusPill: View {
                 status.retry()
             }
         } label: {
+            // No explicit background — the SwiftUI toolbar gives the item
+            // its own bezel, and painting a second capsule on top looked
+            // doubly-framed. Just the colored dot + label reads cleanly.
             HStack(spacing: 4) {
                 Circle()
                     .fill(color)
@@ -32,9 +35,6 @@ struct ConnectionStatusPill: View {
                     .foregroundStyle(.secondary)
                     .lineLimit(1)
             }
-            .padding(.horizontal, 6)
-            .padding(.vertical, 2)
-            .background(Color.secondary.opacity(0.08), in: Capsule())
         }
         .buttonStyle(.plain)
         .help(tooltip)