fix: autocomplete suggestions list styles (#3601)

## 🎯 Goal

Resolves [this GH
issue](#3438)
and potentially [this
one](#3433)
as well.

For
[3433](#3433),
while I cannot reproduce the issue at all the safeguard should help in
case there are some weird device/customization/RN version combinations.
The only way I could actually reproduce it was with a fixed `height`,
against which we can of course not guard and is up to the integration to
fix downstream.

## 🛠 Implementation details

<!-- Provide a description of the implementation -->

## 🎨 UI Changes

<!-- Add relevant screenshots -->

<details>
<summary>iOS</summary>


<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>


<details>
<summary>Android</summary>

<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>

## 🧪 Testing

<!-- Explain how this change can be tested (or why it can't be tested)
-->

## ☑️ Checklist

- [ ] I have signed the [Stream
CLA](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform)
(required)
- [ ] PR targets the `develop` branch
- [ ] Documentation is updated
- [ ] New code is tested in main example apps, including all possible
scenarios
  - [ ] SampleApp iOS and Android
  - [ ] Expo iOS and Android

Author: isekovanic

package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx

@@ -101,8 +101,8 @@ export const AutoCompleteSuggestionList = ({
         renderItem={renderItem}
         style={[
           styles.flatlist,
-          flatlist,
           { backgroundColor: white, maxHeight, shadowColor: black },
+          flatlist,
         ]}
         testID={'auto-complete-suggestion-list'}
       />
@@ -117,6 +117,7 @@ const styles = StyleSheet.create({
   flatlist: {
     borderRadius: 8,
     elevation: 3,
+    flexGrow: 0,
     marginHorizontal: 8,
     shadowOffset: {
       height: 1,