💄(frontend) render Avatar initials in uppercase

Uppercase the initials rendered in the Avatar so their vertical
centering stays consistent.

With lowercase letters, the initials were slightly shifted toward
the bottom of the Avatar, which broke the alignment.

CHANGELOG.md

@@ -22,6 +22,7 @@ and this project adheres to
 - ⬆️(frontend) upgrade livekit-client from 2.19.2 to 2.20.0
 - ⚡️(frontend) limit unnecessary re-renders #1510
 - 📝(legal) update terms of service
+- 💄(frontend) render Avatar initials in uppercase
 
 ## Fixed
 
@@ -30,6 +31,7 @@ and this project adheres to
 - 🐛(summary) properly detect when failure webhook should be sent
 - 🐛(backend) preserve recording metadata when updating room access
 
+
 ## [1.24.0] - 2026-07-21
 
 ### Added

src/frontend/src/components/Avatar.tsx

@@ -56,7 +56,7 @@ export const Avatar = React.memo(
             fontWeight="500"
             fill="currentColor"
           >
-            {initial}
+            {initial.toUpperCase()}
           </text>
         </svg>
       </div>