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

@@ -4,6 +4,7 @@ import { useServerJsonImport } from "../../../hooks/useServerJsonImport";
 import { ImportServerJsonPanel } from "../ImportServerJsonPanel/ImportServerJsonPanel";
 
 const ModalTitle = Text.withProps({ fw: 700, span: true });
+const AppModalLg = Modal.withProps({ size: "lg", centered: true });
 
 export interface ServerImportJsonModalProps {
   opened: boolean;
@@ -28,11 +29,9 @@ export function ServerImportJsonModal({
   const vm = useServerJsonImport({ opened, existingIds, onAddServer });
 
   return (
-    <Modal
+    <AppModalLg
       opened={opened}
       onClose={onClose}
-      size="lg"
-      centered
       title={<ModalTitle>Import from registry config</ModalTitle>}
     >
       <ImportServerJsonPanel
@@ -56,6 +55,6 @@ export function ServerImportJsonModal({
         }}
         onPickFile={(file) => void vm.pickFile(file)}
       />
-    </Modal>
+    </AppModalLg>
   );
 }