Lazy import and split SEO logger

[cartogram]

This PR splits the SEO logging added in #400 to a lazily imported component. This allows for code-splitting and for it to be auto-disabled in production and auto-enabled in development (though this lives in user-land so it is easy to change this functionality if, for example, users wanted to enable via a query string).

For tophatting, you can run the demo-store via dev, you should see the logs. Then run the demo-store via preview and you should not see the logs. You can also filter the network requests to see the additional JS request for the logger code. See screenshot below:

cc @gfscott

[cartogram]

Build is currently failing, but should be fine once #415 is merged.

[github-actions]

We detected some changes in packages/*/package.json or packages/*/src, and there are no updates in the .changeset.
If the changes are user-facing and should cause a version bump, run npm run changeset add to track your changes and include them in the next release CHANGELOG.
If you are making simple updates to examples or documentation, you do not need to add a changeset.

[cartogram]

Additional context from chatting with @frandiox:

this only takes it out from the browser bundle, not for the worker bundle.

Ideally this PR from @frehner would allow different versions of hydrogen required to unlock the ability for us to ship separate versions of dev/prod. In the meantime this is better than nothing and a good reminder to revisit this when that time comes.