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

@@ -38,15 +38,18 @@ const AppIcon = Image.withProps({
   fit: "contain",
 });
 
+const ListItemButton = UnstyledButton.withProps({
+  w: "100%",
+  p: "sm",
+  variant: "listItem",
+});
+
 export function AppListItem({ tool, selected, onClick }: AppListItemProps) {
   const { name, title, description, icons } = tool;
   const iconSrc = icons?.[0]?.src;
 
   return (
-    <UnstyledButton
-      w="100%"
-      p="sm"
-      variant="listItem"
+    <ListItemButton
       bg={selected ? "var(--mantine-primary-color-light)" : undefined}
       onClick={onClick}
     >
@@ -62,6 +65,6 @@ export function AppListItem({ tool, selected, onClick }: AppListItemProps) {
           size={18}
         />
       </Row>
-    </UnstyledButton>
+    </ListItemButton>
   );
 }