docs: embed GraphQL API Reference live example in iframe (#5612)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Devin Logan <devinannlogan@gmail.com>

Author: devin-ai-integration[bot]

fern/products/docs/pages/api-references/generate-graphql-ref.mdx

@@ -5,9 +5,13 @@ description: Use Fern Docs to generate GraphQL API Reference documentation from
 
 Fern generates API Reference documentation from a [GraphQL schema](https://graphql.org/learn/schema/). Add your schema file to your Fern project and Fern renders queries, mutations, subscriptions, and types as an interactive reference.
 
-<Tip>
-  See a [live example](https://graphql.docs.buildwithfern.com) or browse the [source on GitHub](https://github.com/fern-api/docs-examples/tree/main/graphql).
-</Tip>
+<Frame caption="See the [live example site](https://graphql.docs.buildwithfern.com/api-reference/plant-store-graph-ql-api/plant-store/queries/getPlant) or browse the [source on GitHub](https://github.com/fern-api/docs-examples/tree/main/graphql).">
+  <iframe
+    src="https://graphql.docs.buildwithfern.com/api-reference/plant-store-graph-ql-api/plant-store/queries/getPlant?embedded=true"
+    style="width: 100%; height: 500px; border: none; border-radius: 8px;"
+    title="GraphQL API Reference example"
+  />
+</Frame>
 
 ## Configuration