fix(webapp): set min-width on MiddleTruncate component when text is truncated

When text is truncated, apply min-w-[360px] to the MiddleTruncate component
to ensure the truncated text has adequate display space. This matches the
max-width of the dropdown popup and prevents the component from becoming
too narrow.

Slack thread: https://triggerdotdev.slack.com/archives/C032WA2S43F/p1769451219774789?thread_ts=1769436524.157219&cid=C032WA2S43F

https://claude.ai/code/session_01KrFXrmK7jz9sWTcS8pMtXL

Author: claude

apps/webapp/app/components/primitives/MiddleTruncate.tsx

@@ -122,7 +122,10 @@ export function MiddleTruncate({ text, className }: MiddleTruncateProps) {
   }, [calculateTruncation]);
 
   const content = (
-    <span ref={containerRef} className={cn("block", className)}>
+    <span
+      ref={containerRef}
+      className={cn("block", isTruncated && "min-w-[360px]", className)}
+    >
       {/* Hidden span for measuring text width */}
       <span
         ref={measureRef}