fix: move connection pill off .principal to drop the emphasis bezel

macOS applies a centered emphasis bezel (light capsule + drop shadow)
to ToolbarItem(placement: .principal) — visible in screenshots as a
doubly-framed "capsule behind the pill" look. The pill itself doesn't
own that background; the toolbar placement does.

.primaryAction (right side of the toolbar) has no decorative
background, so the pill renders as just the colored dot + label text
directly on the toolbar surface. Fits the intended minimal look.

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

scarf/scarf/ContentView.swift

@@ -21,7 +21,12 @@ struct ContentView: View {
                         ServerSwitcherToolbar()
                     }
                     if serverContext.isRemote {
-                        ToolbarItem(placement: .principal) {
+                        // `.principal` placement renders the item inside a
+                        // centered emphasis bezel on macOS, which reads as
+                        // an unwanted capsule-with-shadow around the pill.
+                        // `.primaryAction` (right side of the toolbar) has
+                        // no decorative background — what we want.
+                        ToolbarItem(placement: .primaryAction) {
                             ConnectionStatusPill(status: connectionStatus)
                         }
                     }