Improve server picker layout and profile activation flow

src/web/styles/features/subscription.css

@@ -38,6 +38,13 @@
   padding: 32px 30px 76px;
 }
 
+@media (min-width: 921px) {
+  .client-subscription-drawer {
+    right: 64px;
+    width: min(480px, calc(100vw - 64px));
+  }
+}
+
 .client-profiles-header {
   min-height: 44px;
   display: flex;
@@ -115,6 +122,10 @@
   border-bottom: 1px solid var(--client-border);
 }
 
+.client-profile-group.is-active .client-profile-title strong {
+  color: var(--client-accent);
+}
+
 .client-profile-header {
   min-height: 72px;
   display: grid;
@@ -269,7 +280,7 @@
 
 .client-profile-body {
   max-height: 3200px;
-  padding: 0 0 20px 18px;
+  padding: 0 0 20px;
   overflow: hidden;
   opacity: 1;
   visibility: visible;
@@ -304,8 +315,7 @@
 }
 
 .client-profile-activate {
-  display: block;
-  margin-left: auto;
+  white-space: nowrap;
 }
 
 .client-profile-activate:disabled {
@@ -331,6 +341,7 @@
 
 .client-profile-local-status {
   padding-left: 18px;
+  padding-bottom: 8px;
   color: oklch(0.68 0.14 72);
 }
 
@@ -447,18 +458,10 @@
     padding: 24px 18px 64px;
   }
 
-  .client-profile-header {
-    grid-template-columns: minmax(0, 1fr) 36px 36px;
-  }
-
   .client-profile-usage {
     display: none;
   }
 
-  .client-profile-body {
-    padding-left: 8px;
-  }
-
   .client-profile-disclosure,
   .client-profile-refresh,
   .client-profile-menu-toggle,