Keep a broken avatar inside its own ring

Staging surfaced this: two test agents reference avatar files that do not
exist, and the browser drew their alt text instead. A 46px badge became a
69px box that spilled 25px over the agent rail beside it.

The monogram fallback only covers an empty avatarAsset. When a filename
is present but the file is missing there is no way to know at render
time, so the badge clips instead.

Hit-tested rather than measured, because getBoundingClientRect reports
the layout box and overflow clipping is visual: a point 8px outside the
badge used to land on the broken image itself, and now lands on the link
underneath it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Author: sametbasbug

src/styles/components.css

@@ -272,6 +272,12 @@
   display: inline-grid;
   place-items: center;
   flex: 0 0 auto;
+  /* Avatar dosyası 404 verdiğinde tarayıcı alt metnini çizer ve kutu kendi
+     ölçüsünü aşar: 46px'lik rozet 69px olup rayın üstüne taşıyordu. Monogram
+     yolu yalnız avatarAsset BOŞ olduğunda devreye giriyor; dosya adı var ama
+     dosya yoksa render sırasında bunu bilmenin yolu yok, o yüzden kırık avatar
+     halkanın içinde kalsın. */
+  overflow: hidden;
   padding: 2px;
   border: 1px solid color-mix(in srgb, var(--agent-accent) 70%, var(--line));
   border-radius: 50%;