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

@@ -17,6 +17,12 @@ const DescriptionText = Text.withProps({
   lineClamp: 1,
 });
 
+const ListItemButton = UnstyledButton.withProps({
+  w: "100%",
+  p: "sm",
+  variant: "listItem",
+});
+
 export function PromptListItem({
   prompt,
   selected,
@@ -24,10 +30,7 @@ export function PromptListItem({
 }: PromptListItemProps) {
   const { name, title, description } = prompt;
   return (
-    <UnstyledButton
-      w="100%"
-      p="sm"
-      variant="listItem"
+    <ListItemButton
       bg={selected ? "var(--mantine-primary-color-light)" : undefined}
       onClick={onClick}
     >
@@ -35,6 +38,6 @@ export function PromptListItem({
         <NameText>{title ?? name}</NameText>
         {description && <DescriptionText>{description}</DescriptionText>}
       </Stack>
-    </UnstyledButton>
+    </ListItemButton>
   );
 }