Implement error handling for API resource requesets for the search results page

[nozomione]

Context

We currently configured error handling in _app using Sentry-integrated React.js ErrorBoundry with our custom error component which handles server-side errors 500 and 504 and a runtime error 404 at the page level. We'll also need to implement error handling for API resource requests and display an appropriate error view in a page based on the status code returned by the server.

This issue is to implement error handling for the search endpoint.

Problem or idea

We should implement error handling for search results page and render an appropriate error view based on the error status code returned by the server.

e.g., 504 Error:

Solution or next step

(*due to frequent PR merges, the most recent PR's feature branch will be used as the base branch to reduce merge conflicts)

• Create or reuse a component for the dataset endpoint error handling
• Create any helpers as necessary
• Update the existing error handling logic if required