feat(form-builder): add field groups

[vicmeow]

Description

This PR adds the concept of Field Groups to schemas, along with a way to filter fields in document view based on said field groups.

Field Groups is presentational only, and should replace any uses of existing tab plugins like sanity-plugin-tabs.

A field can belong to multiple field groups.

Example schema:

{
  name: 'article',
  title: 'Article',
  type: 'document',
  groups: [
    {
      name: 'seo',
      title: 'SEO',
    },
  ],
  fields: [
    {name: 'title', title: 'Title', type: 'string'},
    {name: 'icon', title: 'Icon', type: 'image'},
    {
      name: 'related',
      title: 'Related',
      type: 'array',
      of: [{type: 'reference', to: [{type: 'article'}]}],
    },
    {name: 'seoTitle', title: 'SEO title', type: 'string', group: 'seo'},
    {name: 'seoKeywords', title: 'Keywords', type: 'string', group: 'seo'},
    {name: 'seoSlug', title: 'Slug', type: 'slug', group: 'seo'},
    {name: 'seoImage', title: 'Image', type: 'image', group: 'seo'},
  ],
}

Screenshots

What to review

You can test field groups in this deployed test studio

• Performance when typing in simple and more complex schemas
• That field groups works with validation markers and presence
• That the hidden property on groups work both with booleans and callbacks
• That the document view switches the All fields group when Review Changes is open
• That the field groups tab is hidden if the only group remaining is "All fields" - like when you have one group named "SEO" and you set hidden: true
• That nested field groups works
• That the first field group with default: true is selected by default

Notes for release

• Added Field Groups to schemas and document view

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

studio-workshop – ./dev/workshop

🔍 Inspect: https://vercel.com/sanity-io/studio-workshop/FHEumDfMHuwNRRKy3ZuogY837wZi
✅ Preview: https://studio-workshop-git-feature-sc-12720implement-fieldgroups.sanity.build

test-studio – ./

🔍 Inspect: https://vercel.com/sanity-io/test-studio/5gwCUmPbhxRoCEqZCXcJtcWCuBNd
✅ Preview: https://test-studio-git-feature-sc-12720implement-fieldgroups.sanity.build

perf-studio – ./

🔍 Inspect: https://vercel.com/sanity-io/perf-studio/4uXiXfSiWYzfc37hfrmbuQycAj7U
✅ Preview: https://perf-studio-git-feature-sc-12720implement-fieldgroups.sanity.build