feat(ui): рестайл общих компонентов под дизайн-систему

- StationCard: обложка/иконка-заглушка, анимированное сердечко, pressScale
- MiniPlayer: elevated-бар, метка «СЕЙЧАС ИГРАЕТ», Crossfade play/pause
- SearchBar: surface-поле, акцентный курсор, скругление 14
- FilterChips: акцентный активный чип с анимацией цвета
- EmptyState: иконка-плашка + текст
- TrackListItem: thumb-заглушка, pressScale

app/src/main/java/com/radiola/ui/components/StationCard.kt

@@ -1,27 +1,31 @@
 package com.radiola.ui.components
 
+import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material3.Card
-import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.Icon
-import androidx.compose.material3.IconButton
-import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Brush
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import coil.compose.AsyncImage
 import com.composables.icons.lucide.Heart
 import com.composables.icons.lucide.Lucide
+import com.composables.icons.lucide.Radio
 import com.radiola.domain.model.Station
+import com.radiola.ui.theme.Motion
+import com.radiola.ui.theme.RadiolaTheme
+import com.radiola.ui.theme.pressScale
 
 @Composable
 fun StationCard(
@@ -31,61 +35,76 @@ fun StationCard(
     onFavoriteClick: () -> Unit,
     modifier: Modifier = Modifier
 ) {
-    Card(
+    val colors = RadiolaTheme.colors
+    val interaction = remember { MutableInteractionSource() }
+    val heartTint by animateColorAsState(
+        targetValue = if (isFavorite) colors.accent else colors.textPrimary,
+        animationSpec = tween(Motion.Medium),
+        label = "heartTint"
+    )
+
+    Column(
         modifier = modifier
-            .aspectRatio(1f)
-            .clickable(onClick = onClick),
-        shape = RoundedCornerShape(12.dp),
-        colors = CardDefaults.cardColors(containerColor = Color(0xFF1E1E1E))
+            .pressScale(interactionSource = interaction)
+            .clickable(interactionSource = interaction, indication = null, onClick = onClick)
     ) {
-        Box(modifier = Modifier.fillMaxSize()) {
-            Column(modifier = Modifier.fillMaxSize()) {
-                Box(
-                    modifier = Modifier
-                        .fillMaxWidth()
-                        .weight(1f)
-                        .clip(RoundedCornerShape(topStart = 12.dp, topEnd = 12.dp))
-                        .background(
-                            Brush.linearGradient(
-                                colors = listOf(
-                                    Color(0xFF667eea),
-                                    Color(0xFF764ba2)
-                                )
-                            )
-                        )
-                ) {
-                    AsyncImage(
-                        model = station.coverUrl,
-                        contentDescription = station.name,
-                        modifier = Modifier.fillMaxSize(),
-                        contentScale = ContentScale.Crop
-                    )
-                }
-                Text(
-                    text = station.name,
-                    style = MaterialTheme.typography.bodyMedium,
-                    modifier = Modifier.padding(12.dp),
-                    maxLines = 1
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .aspectRatio(1f)
+                .clip(RoundedCornerShape(16.dp))
+                .background(colors.surface2)
+        ) {
+            if (!station.coverUrl.isNullOrBlank()) {
+                AsyncImage(
+                    model = station.coverUrl,
+                    contentDescription = station.name,
+                    modifier = Modifier.fillMaxSize(),
+                    contentScale = ContentScale.Crop
+                )
+            } else {
+                Icon(
+                    Lucide.Radio,
+                    contentDescription = null,
+                    tint = colors.textMuted,
+                    modifier = Modifier.align(Alignment.Center).size(34.dp)
                 )
             }
-            IconButton(
-                onClick = onFavoriteClick,
+            Box(
                 modifier = Modifier
                     .align(Alignment.TopEnd)
-                    .padding(4.dp)
+                    .padding(10.dp)
                     .size(32.dp)
-                    .background(
-                        color = Color.Black.copy(alpha = 0.4f),
-                        shape = RoundedCornerShape(8.dp)
-                    )
+                    .clip(RoundedCornerShape(16.dp))
+                    .background(androidx.compose.ui.graphics.Color.Black.copy(alpha = 0.4f))
+                    .clickable(onClick = onFavoriteClick),
+                contentAlignment = Alignment.Center
             ) {
                 Icon(
                     imageVector = Lucide.Heart,
-                    contentDescription = if (isFavorite) "В избранном" else "Добавить в избранное",
-                    tint = if (isFavorite) Color(0xFFFF4081) else Color.White,
-                    modifier = Modifier.size(18.dp)
+                    contentDescription = if (isFavorite) "В избранном" else "В избранное",
+                    tint = heartTint,
+                    modifier = Modifier.size(17.dp)
                 )
             }
         }
+        Spacer(Modifier.height(10.dp))
+        Text(
+            text = station.name,
+            style = androidx.compose.material3.MaterialTheme.typography.titleMedium,
+            color = colors.textPrimary,
+            maxLines = 1,
+            overflow = androidx.compose.ui.text.style.TextOverflow.Ellipsis
+        )
+        if (station.genre.isNotBlank()) {
+            Text(
+                text = station.genre,
+                style = androidx.compose.material3.MaterialTheme.typography.labelMedium,
+                color = colors.textSecondary,
+                maxLines = 1,
+                overflow = androidx.compose.ui.text.style.TextOverflow.Ellipsis,
+                fontWeight = FontWeight.Normal
+            )
+        }
     }
 }