gatsby-source-shopify: Improve urlBuilder format warning

[Hahlh]

Description

Improve the formatting and information provided in the console.warn to make the warnings actionable and provide context information about what is happening.

For large eCommerce projects it is common for these error to completely make Gatsby Cloud logs unusable because they cause they logs to surpass the maximum log length.

It has been not immediately clear were the error messages originate and they don't provide actionable information yet:

This PR doesn't yet address other question like whether jpeg should be considered valid and whether the warnings should be provided in another manner that doesn't make Gatsby Cloud logs unusable if such issues occur (e.g. with a migration of an existing large eCommerce site to Gatsby).

[Hahlh]

AVIF is apparently also not available for gatsby-source-shopify. If the GraphQL query includes AVIF as a format, it throws these errors for likely every image as it tries to convert them to AVIF.
Please let me know whether you need a minimal reproduction and whether I could create a new ticket for tracking this one.

[LekoArts]

Your screenshot shows jpeg but our Set includes this as a valid format 🤔

Do you mean you've used AVIF in the gatsbyImageData query? Can you give an example of what you mean?

[Hahlh]

Hey Lennart!

Thank you for the reply.

This appears to be related to jpeg vs jpg.
It relates to both this and avif (see second screenshot).

[Hahlh]

Same seems to happen with PNG instead of png:

This specific PR is only addressing the logging of these errors.
If you would like to, we can open another one to also address these false positives.