fix(web): prevent list cell text and badge overflow (#5510)

* fix(ui): prevent table cell text overflow

- add default truncation with hover details for text cells in shared and static data tables to prevent content from spilling into adjacent columns.
- adjust API key group, model, and IP restriction columns to fix badge overlap and left alignment drift.
- reuse a shared truncated cell component and add width constraints for composite badge cells.

* fix(table): prevent badge content from overflowing columns

- make table text and badge cells shrink within constrained columns so long values truncate instead of bleeding into adjacent cells.
- add a shared BadgeCell wrapper to keep badge alignment consistent across API keys and other list pages.
- update affected list views to use constrained wrappers for group, provider, pricing, OAuth, and API info values.

web/default/src/components/truncated-text.tsx

@@ -1,10 +1,5 @@
 import { cn } from '@/lib/utils'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
+import { TruncatedCell } from '@/components/data-table'
 
 interface TruncatedTextProps {
   text: string
@@ -20,19 +15,8 @@ export function TruncatedText({
   side = 'top',
 }: TruncatedTextProps) {
   return (
-    <TooltipProvider delay={300}>
-      <Tooltip>
-        <TooltipTrigger
-          render={
-            <span className={cn('block truncate', maxWidth, className)} />
-          }
-        >
-          {text}
-        </TooltipTrigger>
-        <TooltipContent side={side} className='max-w-xs break-all'>
-          {text}
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
+    <TruncatedCell className={cn(maxWidth, className)} side={side}>
+      {text}
+    </TruncatedCell>
   )
 }