Аватары заглушки

client-web/src/modules/users/presentation/components/UserProfile.tsx

@@ -15,6 +15,7 @@ import { httpClient } from '../../../../core/infrastructure/httpClient';
 import { Loader2 } from 'lucide-react';
 import ImageLightbox from '../../../../core/presentation/components/ui/ImageLightbox';
 import type { FriendWithId, FriendRequest } from '../../../../core/domain/types';
+import { getInitials } from '../../../../core/utils/utils';
 
 interface UserProfileProps {
   userId: string;
@@ -225,12 +226,12 @@ export default function UserProfile({ userId, onClose, onMessage, isSelf: isSelf
               {/* Profile Card */}
               <div className="flex flex-col items-center mb-10">
                 <div className="relative mb-8 group">
-                  <div className="absolute -inset-4 bg-primary/20 blur-3xl rounded-full opacity-40 group-hover:opacity-60 transition-opacity" />
+                  <div className="absolute -inset-4 bg-primary/20 blur-3xl rounded-[3rem] opacity-40 group-hover:opacity-60 transition-opacity" />
                   <div className="relative w-40 h-40 rounded-[3rem] bg-zinc-900 border-2 border-white/10 overflow-hidden shadow-2xl">
                     {user.avatar ? (
                       <img src={resolveUrl(user.avatar)} className="w-full h-full object-cover" alt="" />
                     ) : (
-                      <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/30 to-primary-container/10 text-5xl font-black text-primary">{user.displayName?.[0] || 'U'}</div>
+                      <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-primary/30 to-primary-container/10 text-5xl font-black text-primary">{getInitials(user.displayName)}</div>
                     )}
                   </div>
                 </div>