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

@@ -39,6 +39,11 @@ const EmptyCenter = Stack.withProps({
   justify: "center",
 });
 
+const HeaderRow = Group.withProps({
+  justify: "space-between",
+  mb: "sm",
+});
+
 function formatData(data: unknown): string {
   if (data === undefined || data === null) return "";
   if (typeof data === "string") return data;
@@ -87,7 +92,7 @@ export function LogStreamPanel({
 
   return (
     <PanelContainer>
-      <Group justify="space-between" mb="sm">
+      <HeaderRow>
         <Title order={4}>Log Stream</Title>
         <Group>
           <SortToggle
@@ -110,7 +115,7 @@ export function LogStreamPanel({
             Export
           </Button>
         </Group>
-      </Group>
+      </HeaderRow>
       {filteredEntries.length > 0 ? (
         <EmbeddableScrollArea embedded={embedded} viewportRef={viewportRef}>
           <Stack gap="xs">