Detail Page Slow Loading Due to Delayed or Failed API Response

[waffiqaziz]

Issue:
The detail page takes too long to load when the API response is slow or encounters an error, eventually showing a "connection timeout" error. This leads to a poor user experience as the entire page load is blocked by the delayed API response.

Steps to Reproduce:

1. Navigate to a detail page that fetches data from the API.
2. If the API response is slow or fails, the page loading takes an extended period.
3. Eventually, a "connection timeout" error is displayed.

In Markdown, an extra blank line before a list or other elements can introduce an unwanted space. To resolve this, you can simply remove the extra blank line between the header (Expected Behavior:) and the bullet points. Here’s the corrected version:

Expected Behavior:

• The detail page should load immediately with any available data.
• Any remaining data should load dynamically once it is successfully fetched.
• Errors should be handled gracefully without blocking the initial page load.

Actual Behavior:

• The page delays loading until the full API response is received or times out, showing an error if the response fails.

Proposed Improvement:

• Implement a strategy to render the page immediately with partial data and asynchronously load additional data when available, improving overall responsiveness.