feat: improve UI components with enhanced overflow handling and layout adjustments. Update card and table components to manage overflow effectively, ensuring better readability and user experience in the operations tabs.

web/src/lib/components/operations/OperationsJobsTab.svelte

@@ -62,7 +62,7 @@
 		</Button>
 	</CardHeader>
 
-	<CardContent class="space-y-3 p-3 sm:p-4">
+	<CardContent class="space-y-3 p-3 sm:p-4 max-h-[78vh] overflow-y-auto overscroll-contain [scrollbar-gutter:stable]">
 		{#each jobs as job (job.job_id)}
 			<div class="bg-card min-w-0 overflow-hidden rounded-lg border">
 				<div class="flex min-w-0 flex-col gap-3 p-3 sm:p-4">

web/src/lib/components/operations/OperationsRevisionsTab.svelte

@@ -38,9 +38,9 @@
 			<RefreshCw class={revLoading ? 'animate-spin' : ''} />
 		</Button>
 	</CardHeader>
-	<CardContent class="p-0">
+	<CardContent class="min-w-0 p-0">
-		<div class="overflow-x-auto [scrollbar-gutter:stable]">
+		<div class="max-w-full overflow-x-auto overscroll-x-contain [scrollbar-gutter:stable]">
-		<Table>
+		<Table class="min-w-[44rem]">
 			<TableHeader>
 				<TableRow>
 					<TableHead>ID</TableHead>

web/src/routes/operations/+page.svelte

@@ -481,6 +481,9 @@
 		if (expandedJobIds.has(jobId)) {
 			expandedJobIds.delete(jobId);
 		} else {
+			// Keep a single expanded row to prevent the whole jobs card
+			// from growing uncontrollably when several heavy reports are open.
+			expandedJobIds.clear();
 			expandedJobIds.add(jobId);
 			await ensureJobDetails(job);
 		}