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

@@ -38,6 +38,12 @@ const PanelStack = Stack.withProps({
   miw: 0,
 });
 
+const OpenAppButton = Button.withProps({
+  size: "md",
+  fullWidth: true,
+  leftSection: <MdPlayArrow aria-hidden size={18} />,
+});
+
 export function AppDetailPanel({
   tool,
   formValues,
@@ -72,17 +78,14 @@ export function AppDetailPanel({
           disabled={isOpening}
         />
 
-        <Button
-          size="md"
-          fullWidth
-          leftSection={<MdPlayArrow aria-hidden size={18} />}
+        <OpenAppButton
           onClick={onOpenApp}
           disabled={disabled}
           loading={isOpening}
           data-testid="open-app"
         >
           Open App
-        </Button>
+        </OpenAppButton>
       </PanelStack>
     </PanelScroll>
   );