Some customization

public/avatar-placeholder.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" role="img" aria-labelledby="title desc">
+  <title id="title">Placeholder Avatar</title>
+  <desc id="desc">Simple circular avatar placeholder</desc>
+  <defs>
+    <linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0f172a" stop-opacity="0.8"/>
+      <stop offset="100%" stop-color="#1e293b" stop-opacity="0.9"/>
+    </linearGradient>
+  </defs>
+  <circle cx="60" cy="60" r="58" fill="url(#g)" stroke="#1f2937" stroke-width="4"/>
+  <circle cx="60" cy="50" r="20" fill="#e2e8f0" opacity="0.9"/>
+  <path d="M30 96c6-16 18-24 30-24s24 8 30 24" fill="#e2e8f0" opacity="0.9"/>
+</svg>