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/elements/SubscriptionStreamBadge/SubscriptionStreamBadge.tsx

@@ -7,6 +7,12 @@ export interface SubscriptionStreamBadgeProps {
   status: ResourceSubscriptionStreamStatus;
 }
 
+const StreamTooltip = Tooltip.withProps({
+  multiline: true,
+  w: 260,
+  withArrow: true,
+});
+
 /**
  * Status indicator for the modern-era resource-subscription listen stream
  * (#1630). Only meaningful on the modern era — the caller gates rendering on
@@ -18,10 +24,10 @@ export function SubscriptionStreamBadge({
 }: SubscriptionStreamBadgeProps) {
   const { color, label, tooltip } = subscriptionStreamPresentation(status);
   return (
-    <Tooltip label={tooltip} multiline w={260} withArrow>
+    <StreamTooltip label={tooltip}>
       <Badge variant="dot" color={color}>
         {label}
       </Badge>
-    </Tooltip>
+    </StreamTooltip>
   );
 }