fix(client): ring the workspace header controls inside their clipping boxes

The action cluster animates its width with overflow hidden, and the search pill
clips to its rounded shape, so an outer ring on the add, search and clear
controls was cut to a sliver. This package declared no focus style at all — every
control fell back to the browser default inside those boxes.

Ring the three controls inside the element, the direction issue #4655 allows.

packages/client/ui-workspace/src/client/rows/WorkspaceBrowser.module.css

@@ -30,6 +30,15 @@
   color: var(--dsw-alias-label-secondary);
 }
 
+/* The action cluster animates its width and the search pill rounds its corners,
+ * so both clip an outer ring; these controls keep theirs inside instead. */
+.iconButton:focus-visible,
+.searchButton:focus-visible,
+.clearButton:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: -2px;
+}
+
 .iconButton:hover {
   background: var(--dsw-alias-interactive-bg-hover);
 }