Catch hydration errors and link to Hydrogen issue

[jplhomer]

Description

We see quite a few hydration errors right now related to Suspense and server components: #920

This is fine, because the client rendering of the server components response works just fine. However, it distracts developers and makes them think something is wrong with their application.

This PR leverages the newonRecoverableError hook to catch hydration errors. In development, we print out a message explaining that it's due to experimental bugs with a link to the Hydrogen issue. In production, nothing is printed, and the user isn't the wiser that any hydration error happened at all.

In development, the hydration error is still thrown in red above, but this is printed below:

To tophat this, remove the Suspense boundary around the children inside Layout.server.jsx.

---

Before submitting the PR, please make sure you do the following:

• Read the Contributing Guidelines
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123)
• Update docs in this repository according to your change
• Run yarn changeset add if this PR cause a version bump based on Keep a Changelog and adheres to Semantic Versioning

[blittle]

I love this, I think it makes sense! What if in dev mode were also at most to only print this once?

[jplhomer]

deal

[frandiox]

👏