fix(code-block): only render HiddenCopyContent after hydration

[brkalow]

🎟️ Asana Task
🔍 Preview Link

---

Description

Adjust HiddenCopyContent to only render after hydration as occurred. This helps avoid some tricky hydration issues, and also avoids duplicative markup being shipped from the server. As the element is only used by the copy-to-clipboard interaction, it's safe to defer rendering.

PR Checklist 🚀

Items in this checklist may not may not apply to your PR, but please consider each item carefully.

• Add Asana and Preview links above.
• Conduct thorough self-review.
• Add or update tests as appropriate.
• Conduct reasonable cross browser testing for both compatibility and responsive behavior (We have a Sauce Labs account for this, if you don't have access, just ask!).
• Conduct reasonable accessibility review (use the WAS as a guide or an axe browser plugin until we establish more formal checks).
• Identify (in the description above) and document (add Asana tasks on this board) any technical debt that you're aware of, but are not addressing as part of this PR.

[changeset-bot]

🦋 Changeset detected

Latest commit: bb47840

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@hashicorp/react-code-block	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
react-components	✅ Ready (Inspect)	Visit Preview	Nov 30, 2022 at 5:31PM (UTC)

[github-actions]

📦 Canary Packages Published

Latest commit: bb47840

Published 1 packages

@hashicorp/react-code-block@6.2.2-canary-20221130173256

npm install @hashicorp/react-code-block@canary

[thiskevinwang]

Side: i wonder if a helper-wrapper — something like Next's dynamic( ..., { ssr: false}) — would be a useful utility for this Client-only guard