[GraphQL] Add explorer iframe

Author: kodster28

src/content/docs/analytics/graphql-api/getting-started/explorer.mdx

@@ -0,0 +1,19 @@
+---
+title: GraphQL explorer
+pcx_content_type: reference
+sidebar:
+  order: 1
+tableOfContents: false
+---
+
+Cloudflare provides a [GraphQL explorer](https://graphql.cloudflare.com/explorer) to learn more about the schema.
+
+<div style="position: relative; padding-top: 56.25%">
+	<iframe
+		src="https://graphql.cloudflare.com/explorer"
+		title="Cloudflare GraphQL explorer"
+		style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;"
+		referrerpolicy="strict-origin-when-cross-origin"
+		allowfullscreen
+	></iframe>
+</div>

src/content/docs/analytics/graphql-api/getting-started/index.mdx

@@ -1,42 +1,39 @@
 ---
 title: Get started
-pcx_content_type: get-started
+pcx_content_type: navigation
 sidebar:
   order: 11
-
 ---
 
-import { Render } from "~/components"
+import { Render } from "~/components";
 
 Use these articles to get started with the Cloudflare GraphQL API:
 
-* [Authentication][1] - walks you through the options and the steps required to
+- [GraphQL Explorer][7]
+- [Authentication][1] - walks you through the options and the steps required to
   set up your access to Cloudflare API successfully,
-* [Querying basics][2] - brings simple query examples for you to start exploring
+- [Querying basics][2] - brings simple query examples for you to start exploring
   the GraphQL API,
-* [Introspect the GraphQL schema][3] - explains how-to surf the schema with
+- [Introspect the GraphQL schema][3] - explains how-to surf the schema with
   GraphQL client,
-* [Create a query in a GraphQL client][4] - describes how to build and run a
+- [Create a query in a GraphQL client][4] - describes how to build and run a
   query against the Cloudflare GraphQL API in the GraphQL clients,
-* [Use curl to query the GraphQL API][5] - walks you through running a query
+- [Use curl to query the GraphQL API][5] - walks you through running a query
   against the Cloudflare GraphQL API from the command line.
 
 For examples of how to build your own GraphQL Analytics dashboard and query
 specific information, such as Firewall and Workers events, please refer to
 [Tutorials][6].
 
 :::note[Data unavailability: Customer Metadata Boundary configuration]
- <Render file="customer_metadata_boundary_error" /> 
+
+<Render file="customer_metadata_boundary_error" />
 :::
 
 [1]: /analytics/graphql-api/getting-started/authentication/
-
 [2]: /analytics/graphql-api/getting-started/querying-basics/
-
 [3]: /analytics/graphql-api/getting-started/explore-graphql-schema/
-
 [4]: /analytics/graphql-api/getting-started/compose-graphql-query/
-
 [5]: /analytics/graphql-api/getting-started/execute-graphql-query/
-
 [6]: /analytics/graphql-api/tutorials/
+[7]: /analytics/graphql-api/explorer/