feat: rewrite caching system, use onScroll instead of onEndReached

[melvin-qte]

ℹ️ Implementation details

Detail 1️⃣

This PR rewrites the caching system for messages.

🔴 Previously the subscriptions toward messages were setup the following way:

• 1️⃣ One that fetches the latest 20 messages, which emptied cache on subscription
• 2️⃣ One that fetches the latest 20 messages after a specified messageDoc

This meant that if a new message was added, the whole cache would be reset by 1️⃣, meaning that no messages would be persisted. This could lead to behavior such as user being scrolled down or interrupted in their reading if anyone sent messages parallel to their activity.

🟢 Now the subscriptions toward messages are setup the following way:

• 1️⃣ One that fetches and subscribes to the latest 20 messages upon initialization, ignoring incoming messages, therefore staying static and only affected by deletion or modification of specified messages
• 2️⃣ One that fetches and subscribes to messages after a specified messageDoc (previous messages)
• 3️⃣ One that fetches and subscribes to messages that were created after the timestamp of the CuteChat intialization (only new messages)

Now no caching is emptied, but only accordingly updated based on the snapshot event changes, meaning the list will persist, and minimize the disruption for the user.

Detail 2️⃣

In this PR we also switch from using the onEndReached property for out list view, to instead determining this ourselves via the onScroll property to disabled the list itself triggering a refetch without using input.

[melvin-qte]

TODO:

• Release to beta to test

[noahsvensson]

No need to create a new Promise anymore :D

[melvin-qte]

Fixed! ✅