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

@@ -58,6 +58,16 @@ const FieldScroll = ScrollArea.Autosize.withProps({
   offsetScrollbars: true,
 });
 
+const WarningAlert = Alert.withProps({
+  variant: "warning",
+  title: "Warning",
+});
+
+const DeclineButton = Button.withProps({
+  variant: "light",
+  color: "red",
+});
+
 function formatQuoted(text: string): string {
   return `\u201C${text}\u201D`;
 }
@@ -93,16 +103,14 @@ export function ElicitationFormPanel({
           disabled={busy}
         />
       </FieldScroll>
-      <Alert variant="warning" title="Warning">
-        {formatWarning(serverName)}
-      </Alert>
+      <WarningAlert>{formatWarning(serverName)}</WarningAlert>
       <Group justify="flex-end">
         <Button variant="light" onClick={onCancel} disabled={busy}>
           Cancel
         </Button>
-        <Button variant="light" color="red" onClick={onDecline} disabled={busy}>
+        <DeclineButton onClick={onDecline} disabled={busy}>
           Decline
-        </Button>
+        </DeclineButton>
         <Button onClick={onSubmit} disabled={submitDisabled}>
           Submit
         </Button>