Merge pull request #7571 from apollographql/sb/tweak-playground-page

Tweak v2 Playground page and update deprecation notice

docs/source/config.json

@@ -4,9 +4,9 @@
   "versionBanner": {
     "link": {
       "to": "/apollo-server/previous-versions",
-      "content": "Learn more about upgrading to a supported Apollo Server version."
+      "content": "Learn more about these deprecations and upgrading."
     },
-    "message": "Apollo Server 2 is officially deprecated, with end-of-life scheduled for 22 October 2023. Additionally, certain features are end-of-life as of 31 December 2023. See our article on [previous versions](https://www.apollographql.com/docs/apollo-server/previous-versions) for more details."
+    "message": "Apollo Server 2 is officially deprecated, with end-of-life scheduled for 22 October 2023. Additionally, certain features are end-of-life as of 31 December 2023."
   },
   "algoliaFilters": [
     "docset:server",

docs/source/testing/graphql-playground.mdx

@@ -3,31 +3,37 @@ title: GraphQL Playground
 description: Visually explore Apollo Server
 ---
 
-> ⚠️ **Apollo Server 2's GraphQL playground feature is officially end-of-life as of 31 December 2022 and will no longer receive updates of any kind.**
->
->[Learn more about this deprecation and end-of-life.](/apollo-server/previous-versions#apollo-server-2)
-
 import { Link } from 'gatsby';
 
-<ExpansionPanel title="📣 The Apollo Studio Explorer now supports local development">
+<blockquote>
+
+#### 📣 Query your server with Apollo Sandbox
 
-**Apollo Sandbox** is a special instance of the Apollo Studio Explorer that you can use for local development without an Apollo account.
+**Apollo Sandbox** provides a special instance of our Explorer IDE that you can use for local development without an Apollo account.
 
-<p>
+<p style={{"margin-top": "15px", "margin-bottom": "15px"}}>
   <Button
     size="lg"
-    color="indigo"
+    colorScheme="indigo"
     as={Link}
-    to="https://studio.apollographql.com/sandbox/"
+    to="https://studio.apollographql.com/sandbox/?referrer=docs-content"
     isExternal
   >
     Launch Sandbox
   </Button>
 </p>
 
-Sandbox automatically attempts to connect to a GraphQL server running at `http://localhost:4000`. You can use the box at the top of the page to change this URL to any local or remote GraphQL endpoint that's accessible by your browser.
+Sandbox automatically attempts to connect to a GraphQL server running at `http://localhost:4000`. Use the box in the top-left to change this URL to any local or remote GraphQL endpoint that's reachable by your browser.
+
+[Learn more about Sandbox.](/graphos/explorer/sandbox)
 
-</ExpansionPanel>
+</blockquote>
+
+## About GraphQL Playground
+
+> ⚠️ **Apollo Server 2's GraphQL playground feature is officially end-of-life as of 31 December 2022 and will no longer receive updates of any kind.**
+>
+>[Learn more about this deprecation and end-of-life.](/apollo-server/previous-versions#apollo-server-2)
 
 [GraphQL Playground](https://github.com/prismagraphql/graphql-playground) is a graphical, interactive, in-browser GraphQL IDE, created by [Prisma](https://www.prisma.io/) and based on [GraphiQL](https://github.com/graphql/graphiql).