🎨 fix(logs): restore timing background badges and optimize model/token spacing

- Re-introduce the custom translucent background color and thin border scheme
  for timing and duration badges in common, drawing, and task logs.
- Remove strict max-width constraints on model badges to ensure complete
  names (with version suffixes) are always visible and wrap gracefully.
- Adjust spacing on model and token badges (h-6 height, larger gaps, and
  proper padding) to prevent crowded elements and restore a balanced,
  high-quality look in the log tables.

web/default/src/features/usage-logs/components/model-badge.tsx

@@ -101,12 +101,12 @@ function ModelBadgeContent(props: ModelBadgeProps) {
       showDot={!provider}
       autoColor={provider ? undefined : props.modelName}
       className={cn(
-        'border-border/60 bg-muted/30 rounded-md border px-1.5 py-0.5 font-mono',
+        'border-border/60 bg-muted/30 h-auto min-h-6 px-2 py-0.5 gap-1.5 rounded-md border font-mono whitespace-normal break-all',
         provider && 'text-foreground',
         props.className
       )}
     >
-      <span className='flex items-center gap-1.5'>
+      <span className='flex items-center gap-1.5 min-w-0'>
         {provider && (
           <span
             className='flex size-3.5 shrink-0 items-center justify-center'