Add bg-primary/10 to subtle toggle selected state, fix row spacing

- Subtle variant pressed: bg-primary/10 tint behind the colored border
- Toggle row: pt-0.5 pb-1 to balance spacing (was more above than below)

desktop/src/features/channels/ui/QuickAddAgentPopover.tsx

@@ -534,7 +534,7 @@ export function QuickAddAgentPopover({
             {selectMode ? (
               <motion.div
                 key="team-row"
-                className="relative border-b px-3 py-1"
+                className="relative border-b px-3 pb-1 pt-0.5"
                 initial={{ height: 0, opacity: 0 }}
                 animate={{ height: "auto", opacity: 1 }}
                 exit={{ height: 0, opacity: 0 }}

desktop/src/shared/ui/toggle.tsx

@@ -13,7 +13,7 @@ const toggleVariants = cva(
         outline:
           "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
         subtle:
-          "border border-input bg-transparent data-[state=on]:!bg-transparent data-[state=on]:border-primary data-[state=on]:!text-foreground",
+          "border border-input bg-transparent data-[state=on]:bg-primary/10 data-[state=on]:border-primary data-[state=on]:!text-foreground",
       },
       size: {
         default: "h-9 px-3 min-w-9",