Enhance Explore Screen with Loading Indicator and Error Handling for Note Data Display

[rcAsironman]

Description
In the Explore screen, when a user clicks on a note, it takes some time to display the data (text/images/videos/audio). Currently, the app displays the text first, and then images/videos/audio are displayed after a delay based on the internet connection. Instead of displaying just a screen with some text, display a complete screen with a loading indicator. Once the note's data is ready, display the note. If there is an issue loading the images/videos/audio, attempt to display the notes 3-4 times. If it still doesn't work, redirect the user to an error page that explains the issue (e.g., internal server error, bad internet connection, etc.).

Note: When the user is redirected to the error page, display a button that allows the user to return to the previous page.

Tasks

• Understand the current ExploreScreen.js implementation.
• Implement the functionality described above.
• Write test cases for the functionality you have implemented.
• Ensure the app runs without any issues on both iOS and Android.

Acceptance Criteria

• Your code should work properly and achieve the requested functionality.
• All test cases must pass.
• The app should run without any issues on both iOS and Android.

Reference

Loading Screen

Error Screen