Optimize Library Page Performance Using Batch Rendering

[rcAsironman]

Description:

The library page is currently slow due to a large number of items(notes) being rendered simultaneously. This negatively impacts the user experience, as slow apps are frustrating to use.
To enhance the app's performance, we should implement batch rendering by fetching and displaying 20 items per API call. When the user reaches the end of the page, the next 20 items will be fetched. This will improve the responsiveness and usability of the app.

Tasks:

Review the existing library page codebase.
Observe and document the current behavior of the library page on both platforms (iOS and Android).
Implement batch rendering for library items.
Write and implement test cases for the new functionality.
Ensure the library page operates smoothly on both platforms.

Acceptance Criteria:

Batch rendering functions as intended, fetching additional items when the user reaches the end of the page.
All test cases are successfully executed and pass.
The library page operates error-free on both iOS and Android platforms.