feat(search): add Jellyfin-backed search

app/src/main/java/hu/bbara/purefin/ui/screen/home/components/search/SearchFullScreen.kt

@@ -113,6 +113,7 @@ fun SearchFullScreen(
         onResultClick = viewModel::onSearchResultSelected,
         onGenreSelected = { genre ->
             selectedGenreName = genre.name.takeIf { it != selectedGenreName }
+            viewModel.setSelectedGenre(selectedGenreName)
         },
         modifier = modifier.then(sharedBoundsModifier)
     )
@@ -158,24 +159,47 @@ private fun SearchFullScreenContent(
                 selectedGenreName = selectedGenreName,
                 onGenreSelected = onGenreSelected
             )
-        } else {
-            SectionTitle(text = "Search Results")
-            Spacer(modifier = Modifier.height(16.dp))
-            if (searchResults.isEmpty()) {
-                SearchMessage(
-                    title = "No matches",
-                    body = "Try a different title or browse your libraries."
-                )
-            } else {
-                SearchResultsGrid(
-                    results = searchResults,
+            if (selectedGenreName != null) {
+                Spacer(modifier = Modifier.height(30.dp))
+                SectionTitle(text = "Search Results")
+                Spacer(modifier = Modifier.height(16.dp))
+                SearchResults(
+                    searchResults = searchResults,
                     onResultClick = onResultClick
                 )
             }
+        } else {
+            SectionTitle(text = "Search Results")
+            Spacer(modifier = Modifier.height(16.dp))
+            SearchResults(
+                searchResults = searchResults,
+                onResultClick = onResultClick
+            )
         }
     }
 }
 
+@Composable
+private fun SearchResults(
+    searchResults: List<SearchResult>,
+    onResultClick: (SearchResult) -> Unit,
+    modifier: Modifier = Modifier
+) {
+    if (searchResults.isEmpty()) {
+        SearchMessage(
+            title = "No matches",
+            body = "Try a different title or browse your libraries.",
+            modifier = modifier
+        )
+    } else {
+        SearchResultsGrid(
+            results = searchResults,
+            onResultClick = onResultClick,
+            modifier = modifier
+        )
+    }
+}
+
 @Composable
 private fun SearchHeader(
     modifier: Modifier = Modifier

app/src/main/java/hu/bbara/purefin/ui/screen/home/components/search/SearchResultCard.kt

@@ -1,14 +1,18 @@
 package hu.bbara.purefin.ui.screen.home.components.search
 
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
@@ -17,8 +21,8 @@ import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
-import hu.bbara.purefin.model.MediaKind
 import hu.bbara.purefin.feature.search.SearchResult
+import hu.bbara.purefin.model.MediaKind
 import hu.bbara.purefin.ui.common.image.PurefinAsyncImage
 
 @Composable
@@ -29,43 +33,50 @@ internal fun SearchResultCard(
 ) {
     val scheme = MaterialTheme.colorScheme
 
-    Surface(
-        shape = RoundedCornerShape(22.dp),
-        color = scheme.surfaceContainer,
+    Card(
+        onClick = onClick,
+        shape = RoundedCornerShape(12.dp),
+        colors = CardDefaults.cardColors(containerColor = scheme.surfaceContainer),
         modifier = modifier
             .fillMaxWidth()
-            .clip(RoundedCornerShape(22.dp))
-            .clickable(onClick = onClick)
     ) {
-        Column(
-            verticalArrangement = Arrangement.spacedBy(10.dp),
-            modifier = Modifier.padding(12.dp)
-        ) {
-            PurefinAsyncImage(
-                model = item.posterUrl,
-                contentDescription = item.title,
-                contentScale = ContentScale.Crop,
+        Column(modifier = Modifier.fillMaxWidth()) {
+            Box(
                 modifier = Modifier
                     .fillMaxWidth()
-                    .height(180.dp)
-                    .clip(RoundedCornerShape(18.dp))
-            )
-            Text(
-                text = item.title,
-                style = MaterialTheme.typography.bodyLarge,
-                fontWeight = FontWeight.SemiBold,
-                maxLines = 2,
-                overflow = TextOverflow.Ellipsis
-            )
-            Text(
-                text = when (item.type) {
-                    MediaKind.MOVIE -> "Movie"
-                    MediaKind.SERIES -> "Series"
-                    else -> "Title"
-                },
-                style = MaterialTheme.typography.labelMedium,
-                color = scheme.onSurfaceVariant
-            )
+                    .aspectRatio(16f / 10f)
+                    .clip(RoundedCornerShape(topStart = 12.dp, topEnd = 12.dp))
+                    .background(scheme.surface)
+            ) {
+                PurefinAsyncImage(
+                    model = item.posterUrl,
+                    contentDescription = item.title,
+                    contentScale = ContentScale.Crop,
+                    modifier = Modifier.fillMaxSize()
+                )
+            }
+            Spacer(modifier = Modifier.height(10.dp))
+            Column(modifier = Modifier.padding(12.dp)) {
+                Text(
+                    text = item.title,
+                    style = MaterialTheme.typography.bodyLarge,
+                    fontWeight = FontWeight.SemiBold,
+                    maxLines = 1,
+                    overflow = TextOverflow.Ellipsis
+                )
+                Spacer(modifier = Modifier.height(4.dp))
+                Text(
+                    text = when (item.type) {
+                        MediaKind.MOVIE -> "Movie"
+                        MediaKind.SERIES -> "Series"
+                        else -> "Title"
+                    },
+                    style = MaterialTheme.typography.bodySmall,
+                    color = scheme.onSurfaceVariant,
+                    maxLines = 1,
+                    overflow = TextOverflow.Ellipsis
+                )
+            }
         }
     }
 }