fix(mobile): Misaligned text icon in circle avatar (#15683)

style(mobile): Use `DefaultTextStyle` for the text icon in `CircleAvatar`

mobile/lib/widgets/common/user_circle_avatar.dart

@@ -28,8 +28,7 @@ class UserCircleAvatar extends ConsumerWidget {
     final profileImageUrl =
         '${Store.get(StoreKey.serverEndpoint)}/users/${user.id}/profile-image?d=${Random().nextInt(1024)}';
 
-    final textIcon = Text(
+    final textIcon = DefaultTextStyle(
-      user.name[0].toUpperCase(),
       style: TextStyle(
         fontWeight: FontWeight.bold,
         fontSize: 12,
@@ -37,6 +36,7 @@ class UserCircleAvatar extends ConsumerWidget {
             ? Colors.black
             : Colors.white,
       ),
+      child: Text(user.name[0].toUpperCase()),
     );
     return CircleAvatar(
       backgroundColor: user.avatarColor.toColor(),