fix: dark-mode surfaces for compose preview and expanded job rows

`bgcolor: "grey.50"` resolves to a fixed light hex (#FAFAFA) regardless of palette mode, so in dark mode you got near-invisible light text on a still-light surface. Switch the docker-compose YAML preview block and the expanded admin job-detail row to a callback that picks `grey.900` in dark mode and keeps `grey.50` in light. AppLogViewer.tsx and JobDetail.tsx intentionally render terminal-style output and stay on dark `grey.900` regardless — those don't need to change.

Author: Medformatik

apps/web/src/components/admin/activity/JobList.tsx

@@ -108,7 +108,17 @@ function JobRow({ job }: { job: AdminJob }) {
         </TableCell>
       </TableRow>
       <TableRow>
-        <TableCell colSpan={5} sx={{ py: 0, px: 2, bgcolor: "grey.50" }}>
+        <TableCell
+          colSpan={5}
+          sx={{
+            py: 0,
+            px: 2,
+            // grey.50 is fixed light regardless of mode — pick the
+            // surface tint per palette mode so the expanded row stays
+            // legible in dark mode.
+            bgcolor: (theme) => (theme.palette.mode === "dark" ? "grey.900" : "grey.50"),
+          }}
+        >
           <Collapse in={expanded} unmountOnExit>
             <Box py={1.5}>
               <JobDetail jobId={job.id} />

apps/web/src/components/admin/services/ComposePreview.tsx

@@ -95,7 +95,16 @@ export function ComposePreview() {
       </Stack>
       <Paper
         variant="outlined"
-        sx={{ p: 2, maxHeight: "70vh", overflow: "auto", bgcolor: "grey.50" }}
+        sx={{
+          p: 2,
+          maxHeight: "70vh",
+          overflow: "auto",
+          // grey.50 is a fixed light color regardless of palette mode, so it
+          // produced near-invisible light-on-light text in dark mode. Pick
+          // the surface based on the active mode so contrast stays correct.
+          bgcolor: (theme) => (theme.palette.mode === "dark" ? "grey.900" : "grey.50"),
+          color: "text.primary",
+        }}
       >
         <pre
           style={{