Implement a catch if useSWR returns error

[jtucholski]

If useSWR returns an error, we should return some sort of element to display this error to inform the user. This may be implemented in some pages, but not all. This should apply to all components that use useSWR.

[jtucholski]

@calisio Would an example of a page that properly handles this be Favorites.tsx? I have noticed that not all pages use the error.

            {isLoading && <p>Loading...</p>}
            {error && (
                <p className="text-error">
                    Failed to load favorites: {error.message}
                </p>
            )}
            {!isLoading && !error && favorites.length === 0 && (
                <h2>No favorites found.</h2>
            )}
            {!isLoading && !error && meta && (
                <div className="flex justify-center">
                    <Pagination
                        meta={meta}
                        setPage={setPageQuery}
                        setPerPage={handleSetPerPage}
                    />
                </div>
            )}

[calisio]

Yes, we should have a component that can be used across all pages.