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/ResourceLink/ResourceLink.tsx

@@ -53,6 +53,12 @@ const LoadingText = Text.withProps({
   c: "dimmed",
 });
 
+const ErrorAlert = Alert.withProps({
+  color: "red",
+  variant: "light",
+  title: "Failed to read resource",
+});
+
 /**
  * Expandable card for a `resource_link` content block. Renders the link's
  * metadata via {@link ResourceLinkInfo} and — when `onReadResource` is supplied
@@ -125,13 +131,7 @@ export function ResourceLink({
             {loading ? (
               <LoadingText>Loading resource…</LoadingText>
             ) : error !== null ? (
-              <Alert
-                color="red"
-                variant="light"
-                title="Failed to read resource"
-              >
-                {error}
-              </Alert>
+              <ErrorAlert>{error}</ErrorAlert>
             ) : result !== null ? (
               <ResultScroll>
                 <ContentViewer