fix: react state bugs, new tab on existing non-blank or matching query

[acao]

implements @graphiql/react hooks as a way to prevent undesired state propogation that causes bugs

this was the same solution to the issue for explorer plugin, so it appears to fix both the jumping cursor and operation name state issues!

NOTE: temporarily pinned to canary versions until release is ready

Behavior:

1. if the URL contains a hash, and the current query is blank, or is the default query, it overrides the editor value.
2. if the above conditions aren't met, it adds a new tab and sets the value from the URL hash
3. it the current editor tab contains a query that's the same as the one in the URL, nothing happens

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
saleor-graphql-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 2, 2023 1:59pm

[CLAassistant]

All committers have signed the CLA.

[acao]

I want to add one last change, where readFromUrl doesn't return defaultQuery so the comparison for default query will no longer be needed, which will make it slightly faster when replacing default query with a new value, and less logic

Edit: this is complete :)

[zaiste]

@acao Thank you for this!! 🎉