Optimize Notes Rendering for Explore Page

[rcAsironman]

Description

Improve the performance of the Explore Page by implementing batch rendering for notes. Currently, rendering a large number of notes at once impacts the page's responsiveness and user experience.

To address this:
1. Fetch and display 20 notes at a time via an API call.
2. When the user scrolls to the end of the page, fetch the next 20 notes dynamically.
3. This approach will enhance the performance and usability of the Explore Page.

Tasks

• Review the existing Explore Page codebase.
• Analyze the current behavior of notes rendering.
• Implement batch rendering logic to load notes in batches of 20.
• Ensure smooth pagination and seamless user experience when scrolling.
• Write and implement test cases for the new rendering functionality.
• Verify the solution on both iOS and Android platforms.

Acceptance Criteria

• Notes are rendered in batches of 20 items per API call.
• When the user scrolls to the end of the page, the next batch of notes is fetched and displayed.
• All test cases pass successfully.
• The Explore Page operates smoothly and without errors on both iOS and Android.