fix: truncate long model names and IDs in UI (#20696)

- Added line-clamp-1 truncation and tooltips to long model names and IDs in the Evaluations and Models admin sections to prevent visual overflow. Model names now display truncated with full name and ID available on hover.

src/lib/components/admin/Evaluations/Feedbacks.svelte

@@ -302,9 +302,11 @@
 								<div class="flex flex-col items-start gap-0.5 h-full">
 									<div class="flex flex-col h-full">
 										{#if feedback.data?.sibling_model_ids}
-											<div class="font-medium text-gray-600 dark:text-gray-400 flex-1">
+											<Tooltip content={feedback.data?.model_id} placement="top-start">
+											<div class="font-medium text-gray-600 dark:text-gray-400 flex-1 line-clamp-1">
 												{feedback.data?.model_id}
 											</div>
+										</Tooltip>
 
 											<Tooltip content={feedback.data.sibling_model_ids.join(', ')}>
 												<div class=" text-[0.65rem] text-gray-600 dark:text-gray-400 line-clamp-1">
@@ -320,11 +322,11 @@
 												</div>
 											</Tooltip>
 										{:else}
-											<div
-												class=" text-sm font-medium text-gray-600 dark:text-gray-400 flex-1 py-1.5"
-											>
+											<Tooltip content={feedback.data?.model_id} placement="top-start">
+											<div class="text-sm font-medium text-gray-600 dark:text-gray-400 flex-1 py-1.5 line-clamp-1">
 												{feedback.data?.model_id}
 											</div>
+										</Tooltip>
 										{/if}
 									</div>
 								</div>