style: responsive mobile entity and release tables

src/lib/client/ui/table/ExpandableTable.svelte

@@ -150,13 +150,13 @@
 						on:click={() => toggleRow(rowId)}
 					>
 						<!-- Primary row: first column as title + actions + chevron -->
-						<div class="flex items-center justify-between gap-3 px-4 py-3">
-							<div class="min-w-0 flex-1 font-medium text-neutral-900 dark:text-neutral-100">
+						<div class="flex items-start justify-between gap-3 px-4 py-3">
+							<div class="min-w-0 flex-1 break-all font-medium text-neutral-900 dark:text-neutral-100">
 								<slot name="cell" {row} column={columns[0]} {index} expanded={expandedRows.has(rowId)}>
 									{getCellValue(row, columns[0].key)}
 								</slot>
 							</div>
-							<div class="flex shrink-0 items-center gap-2">
+							<div class="flex shrink-0 items-center gap-2 pt-0.5">
 								{#if $$slots.actions}
 									<!-- svelte-ignore a11y-click-events-have-key-events a11y-no-static-element-interactions -->
 									<div on:click|stopPropagation>

src/routes/quality-profiles/entity-testing/[databaseId]/components/EntityTable.svelte

@@ -101,6 +101,7 @@
 	flushExpanded={true}
 	emptyMessage="No entities match your search"
 	chevronPosition="right"
+	responsive={true}
 	bind:expandedRows
 >
 	<svelte:fragment slot="cell" let:row let:column>

src/routes/quality-profiles/entity-testing/[databaseId]/components/ReleaseTable.svelte

@@ -148,6 +148,7 @@
 				flushExpanded={true}
 				emptyMessage="No releases"
 				chevronPosition="right"
+				responsive={true}
 				defaultSort={{ key: 'score', direction: 'desc' }}
 				bind:expandedRows
 			>