feat: Integrate AvatarRepository into chat components for improved avatar handling and caching

app/src/main/java/com/rosetta/messenger/ui/settings/OtherProfileScreen.kt

@@ -44,6 +44,9 @@ import androidx.compose.ui.unit.IntOffset
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.rosetta.messenger.network.SearchUser
+import com.rosetta.messenger.repository.AvatarRepository
+import com.rosetta.messenger.ui.components.AvatarImage
+import com.rosetta.messenger.ui.components.BlurredAvatarBackground
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
@@ -60,7 +63,8 @@ private val AVATAR_SIZE_COLLAPSED_OTHER = 36.dp
 fun OtherProfileScreen(
     user: SearchUser,
     isDarkTheme: Boolean,
-    onBack: () -> Unit
+    onBack: () -> Unit,
+    avatarRepository: AvatarRepository? = null
 ) {
     var isBlocked by remember { mutableStateOf(false) }
     var showAvatarMenu by remember { mutableStateOf(false) }
@@ -198,6 +202,7 @@ fun OtherProfileScreen(
             onAvatarMenuChange = { showAvatarMenu = it },
             isBlocked = isBlocked,
             onBlockToggle = { isBlocked = !isBlocked },
+            avatarRepository = avatarRepository,
             onClearChat = {
                 viewModel.clearChatHistory()
                 // 🗑️ Удаляем диалог из списка после очистки истории
@@ -232,6 +237,7 @@ private fun CollapsingOtherProfileHeader(
     onAvatarMenuChange: (Boolean) -> Unit,
     isBlocked: Boolean,
     onBlockToggle: () -> Unit,
+    avatarRepository: AvatarRepository? = null,
     onClearChat: () -> Unit
 ) {
     val density = LocalDensity.current
@@ -265,10 +271,18 @@ private fun CollapsingOtherProfileHeader(
         modifier = Modifier
             .fillMaxWidth()
             .height(headerHeight)
-            .drawBehind {
-                drawRect(avatarColors.backgroundColor)
-            }
     ) {
+        // ═══════════════════════════════════════════════════════════
+        // 🎨 BLURRED AVATAR BACKGROUND
+        // ═══════════════════════════════════════════════════════════
+        BlurredAvatarBackground(
+            publicKey = publicKey,
+            avatarRepository = avatarRepository,
+            fallbackColor = avatarColors.backgroundColor,
+            blurRadius = 25f,
+            alpha = 0.3f
+        )
+        
         // ═══════════════════════════════════════════════════════════
         // 🔙 BACK BUTTON
         // ═══════════════════════════════════════════════════════════
@@ -346,18 +360,15 @@ private fun CollapsingOtherProfileHeader(
                     .clip(CircleShape)
                     .background(Color.White.copy(alpha = 0.15f))
                     .padding(2.dp)
-                    .clip(CircleShape)
-                    .background(avatarColors.backgroundColor),
+                    .clip(CircleShape),
                 contentAlignment = Alignment.Center
             ) {
-                if (avatarFontSize > 1.sp) {
-                    Text(
-                        text = getInitials(name),
-                        fontSize = avatarFontSize,
-                        fontWeight = FontWeight.Bold,
-                        color = avatarColors.textColor
-                    )
-                }
+                AvatarImage(
+                    publicKey = publicKey,
+                    avatarRepository = avatarRepository,
+                    size = avatarSize - 4.dp,
+                    isDarkTheme = isDarkTheme
+                )
             }
         }