fix(web): the drawer's members avatar stack and the New page crumb after the parity merges (CL-9671) (#1075)

Author: TheGreatAxios

apps/web/src/app.css

@@ -2400,11 +2400,6 @@ a.drawer-li:hover,
 }
 
 /* Bench drawer Insights and Members tabs */
-.drawer-stack {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
 .drawer-link {
   align-self: flex-start;
   font-size: 0.85rem;

apps/web/src/bench/drawer.css

@@ -103,11 +103,16 @@
   padding: 0;
   flex: 0 0 auto;
 }
+/* Overlapping avatars; each after the first is ringed by the surface. */
 .drawer-stack {
-  display: flex;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
 }
 .drawer-stack > * + * {
   margin-left: -6px;
+  box-shadow: 0 0 0 2px var(--surface);
+  border-radius: 8px;
 }
 .drawer-pill {
   display: inline-flex;

apps/web/src/pages/new-workbench-picker.tsx

@@ -82,7 +82,7 @@ export function NewWorkbenchPickerRoute() {
 
   return (
     <div className="flex h-full min-h-0 flex-col">
-      <StageTopBar crumbs={[{ label: "Workbench" }, { label: "New" }]} />
+      <StageTopBar crumbs={[{ label: "New" }]} />
       <div className="new-wrap">
         {create.isPending ? (
           // `delayMs={0}`: a genuine wait the instant the person sends.