Add name of pokemon under its image

app/src/main/java/com/ti/mobpo/ui/screens/PokeSearch.kt

@@ -10,6 +10,7 @@ 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.layout.wrapContentSize
 import androidx.compose.foundation.lazy.grid.GridCells
 import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
 import androidx.compose.foundation.lazy.grid.items
@@ -62,6 +63,7 @@ fun PokeSearch(pokeSearchViewModel: PokeSearchViewModel) {
             if (results.isNotEmpty()) {
                 LazyVerticalGrid(
                     columns = GridCells.Adaptive(150.dp),
+                    verticalArrangement = Arrangement.spacedBy(10.dp)
                 ) {
                     items(items = results, key = { pokemon -> pokemon.id }) { pokemon ->
                         PokemonCard(pokemon)
@@ -84,14 +86,29 @@ fun PokemonCard(pokemon: PokemonDetails) {
             .padding(4.dp)
             .fillMaxWidth()
             .aspectRatio(1f)
+    ) {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.Bottom
         ) {
             AsyncImage(
                 model = ImageRequest.Builder(context = LocalContext.current).data(pokemon.sprites.other.officialArtwork.frontDefault)
                     .crossfade(true).build(),
                 contentDescription = pokemon.name,
                 contentScale = ContentScale.Crop,
-            modifier = Modifier.fillMaxWidth()
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .weight(1f)
             )
+            Text(
+                text = pokemon.name.replace("-", " "),
+                style = MaterialTheme.typography.bodySmall,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 8.dp, vertical = 4.dp) // Adjust padding as needed
+                    .wrapContentSize(Alignment.Center)
+            )
+        }
     }
 }