docs: Add a note about gatsby-image fragments not working in Graphi…

…QL (#25387)

* Add a note about queries not working in GraphiQL

This is a known issue, but it could confuse new Gatsby users (like myself).

[See the `gatsby-image` docs for details](https://www.gatsbyjs.org/packages/gatsby-image/#fragments), and [this GraphiQL issue for progress on a fix](graphql/graphiql#612).

* chore: format

* Update docs/tutorial/gatsby-image-tutorial/index.md

Co-authored-by: Yogi <me@yogi.codes>

* Fix relative link

Co-authored-by: gatsbybot <mathews.kyle+gatsbybot@gmail.com>
Co-authored-by: Ward Peeters <ward@coding-tech.com>
Co-authored-by: Yogi <me@yogi.codes>
Co-authored-by: Aisha Blake <aisha@gatsbyjs.com>

docs/tutorial/gatsby-image-tutorial/index.md

@@ -91,6 +91,8 @@ export const query = graphql`
 `
 ```
 
+_**Note:** This query won't work in GraphiQL as it doesn't support implicit fragments. This will work in your Gatsby pages and components. [See the `gatsby-image` docs for more details](/packages/gatsby-image/#fragments)._
+
 There are a couple of things to note here.
 
 ### Relative image paths and `gatsby-config.js`