refactor(web): sweep AGENTS.md TypeScript + Mantine rule violations (#1771)

Codebase-wide sweep bringing the web client into strict compliance with the AGENTS.md TypeScript and Mantine/React conventions: ~170 inline 2+-static-prop elements extracted to named .withProps() constants across ~77 files, the AGENTS.md rule wording tightened to match (static-prop boundary + Accordion/Transition/data-*/Box exemptions), a real ScreenStage Box->Flex layout regression fixed (direction: column) with a Storybook regression guard, and an App.tsx double-cast tightened. Closes #1762.

clients/web/src/components/groups/MrtrConversation/MrtrConversation.tsx

@@ -69,6 +69,11 @@ const RoundLabel = Text.withProps({
   c: "dimmed",
 });
 
+const RoundCountBadge = Badge.withProps({
+  color: "blue",
+  variant: "outline",
+});
+
 type ConversationStatus = "pending" | "awaiting" | "error" | "complete";
 
 // The conversation's status is that of its final (latest) round: still awaiting
@@ -145,14 +150,14 @@ export function MrtrConversation({
           <HeaderLeft>
             <MethodBadge method={method} />
             <MrtrLabel>MRTR</MrtrLabel>
-            <Badge color="blue" variant="outline">
+            <RoundCountBadge>
               {formatRoundsLabel(ordered.length)}
-            </Badge>
+            </RoundCountBadge>
           </HeaderLeft>
           <HeaderRight>
             <Badge
-              color={statusColor(status)}
               variant="status"
+              color={statusColor(status)}
               data-testid="mrtr-status"
             >
               {statusLabel(status)}