Add graphql playground link to tools panel

Author: WithoutPants

ui/v2.5/src/components/Settings/SettingsToolsPanel.tsx

@@ -5,13 +5,23 @@ import { Link } from "react-router-dom";
 import { Setting } from "./Inputs";
 import { SettingSection } from "./SettingSection";
 import { PatchContainerComponent } from "src/patch";
+import { ExternalLink } from "../Shared/ExternalLink";
 
 const SettingsToolsSection = PatchContainerComponent("SettingsToolsSection");
 
 export const SettingsToolsPanel: React.FC = () => {
   return (
     <SettingSection headingID="config.tools.scene_tools">
       <SettingsToolsSection>
+        <Setting
+          heading={
+            <ExternalLink href="/playground">
+              <Button>
+                <FormattedMessage id="config.tools.graphql_playground" />
+              </Button>
+            </ExternalLink>
+          }
+        />
         <Setting
           heading={
             <Link to="/sceneFilenameParser">