[graphiql v4] Allow reassign tab name

[dimaMachina]

fixes #3608

TODO:

• add cypress tests
• disallow updating tab.title if it was reassigned
• move new component input to @graphiql/react

Preview

[changeset-bot]

🦋 Changeset detected

Latest commit: 4ed7cda

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
graphiql	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codecov]

Codecov Report

❌ Patch coverage is 25.00000% with 12 lines in your changes missing coverage. Please review.
✅ Project coverage is 65.19%. Comparing base (068e23c) to head (4ed7cda).
⚠️ Report is 94 commits behind head on graphiql-v4.

Files with missing lines	Patch %	Lines
packages/graphiql/src/components/GraphiQL.tsx	25.00%	12 Missing ⚠️

Additional details and impacted files

@@               Coverage Diff               @@
##           graphiql-v4    #3753      +/-   ##
===============================================
- Coverage        65.30%   65.19%   -0.12%     
===============================================
  Files              121      121              
  Lines             7006     7021      +15     
  Branches          2263     2265       +2     
===============================================
+ Hits              4575     4577       +2     
- Misses            2414     2427      +13     
  Partials            17       17              

Files with missing lines	Coverage Δ
packages/graphiql/src/components/GraphiQL.tsx	75.00% <25.00%> (-3.55%)	⬇️

... and 1 file with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[acao]

I see it's still WIP so maybe persistence is already planned, i think we should provide hooks for handling and setting tab name (so for example explorer could change the tab name), but i want to improve the hooks design. we already provide hooks for controlling tabs. we should provide tabs for reading and controlling tab state, including tab name. ideally we could combine some of this into something like useTabState(), perhaps this can be the beginning of that? this is also important for projects that need to persist the full editor state remotely via the storage API override, so either way it's ideal to persist this state and perhaps make it manageable via context

there was something else I wanted to reccomend here but i forgot, I'll come back to this, but thanks for all the initiative!