fix: suggestions pagination (#3423)

## 🎯 Goal

This PR fixes pagination for suggestions (mentions for example) as it
was not happening.

## 🛠 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

@@ -9,6 +9,7 @@ import {
   useMessageInputContext,
 } from '../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
+import { useStableCallback } from '../../hooks';
 import { useStateStore } from '../../hooks/useStateStore';
 
 export const DEFAULT_LIST_HEIGHT = 200;
@@ -82,6 +83,8 @@ export const AutoCompleteSuggestionList = ({
     ) : null;
   }, [AutoCompleteSuggestionHeader, queryText, triggerType]);
 
+  const loadMore = useStableCallback(() => suggestions?.searchSource.search());
+
   if (!showList || !triggerType) {
     return null;
   }
@@ -93,6 +96,8 @@ export const AutoCompleteSuggestionList = ({
         keyboardShouldPersistTaps='always'
         keyExtractor={(item) => item.id}
         ListHeaderComponent={renderHeader}
+        onEndReached={loadMore}
+        onEndReachedThreshold={0.1}
         renderItem={renderItem}
         style={[
           styles.flatlist,