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

@@ -79,6 +79,12 @@ const SectionHeading = Title.withProps({
 // `scrollable-region-focusable`).
 const ValueCode = Code.withProps({ variant: "wrapping" });
 
+const ClearOAuthButton = Button.withProps({
+  variant: "subtle",
+  color: "red",
+  size: "compact-xs",
+});
+
 function formatScopes(scopes: string[]): string {
   return scopes.join(", ");
 }
@@ -339,14 +345,9 @@ export function ConnectionInfoContent({
             ) : (
               onClearOAuth && (
                 <Flex justify="flex-end">
-                  <Button
-                    variant="subtle"
-                    color="red"
-                    size="compact-xs"
-                    onClick={onClearOAuth}
-                  >
+                  <ClearOAuthButton onClick={onClearOAuth}>
                     {CLEAR_OAUTH_STATE_AND_DISCONNECT_LABEL}
-                  </Button>
+                  </ClearOAuthButton>
                 </Flex>
               )
             )}