compose: search: Limit suggestions to 3 with better padding

Align it to SearchBar's default suggestions layout

Signed-off-by: Aayush Gupta <aayushgupta219@gmail.com>

app/src/main/java/com/aurora/store/compose/composables/SearchSuggestionComposable.kt

@@ -48,7 +48,12 @@ fun SearchSuggestionComposable(
         modifier = modifier
             .fillMaxWidth()
             .clickable(onClick = { onClick(searchSuggestEntry.title) })
-            .padding(dimensionResource(R.dimen.padding_medium)),
+            .padding(
+                top = dimensionResource(R.dimen.padding_xsmall),
+                bottom = dimensionResource(R.dimen.padding_xsmall),
+                start = dimensionResource(R.dimen.padding_large),
+                end = dimensionResource(R.dimen.padding_xsmall)
+            ),
         verticalAlignment = Alignment.CenterVertically,
         horizontalArrangement = Arrangement.SpaceBetween
     ) {

app/src/main/java/com/aurora/store/viewmodel/search/SearchViewModel.kt

@@ -113,7 +113,7 @@ class SearchViewModel @Inject constructor(
 
     fun fetchSuggestions(query: String) {
         viewModelScope.launch(Dispatchers.IO) {
-            _suggestions.value = contract.searchSuggestions(query)
+            _suggestions.value = contract.searchSuggestions(query).take(3)
         }
     }
 }