Design suggestion for the Edit, Versions, and API tabs

[tresorama]

Describe the Bug.

Personal Preference here.

Current

Polished

Custom SCSS

/**  Tabs (Edit, Versions, API) */
.doc-tabs__tabs {
  & .doc-tab {
    color: var(--theme-elevation-500);

    &--active {
      color: var(--theme-elevation-800);
    }
  }
}

Reproduction Steps

• Create a project
• Enter Edito Collection Page

Environment Info

Binaries:
  Node: 22.16.0
  npm: 11.6.2
  Yarn: 1.22.19
  pnpm: N/A
Relevant Packages:
  payload: 3.68.3
  next: 15.4.9
  @payloadcms/db-postgres: 3.68.3
  @payloadcms/drizzle: 3.68.3
  @payloadcms/graphql: 3.68.3
  @payloadcms/live-preview: 3.68.3
  @payloadcms/live-preview-react: 3.68.3
  @payloadcms/next/utilities: 3.68.3
  @payloadcms/richtext-lexical: 3.68.3
  @payloadcms/translations: 3.68.3
  @payloadcms/ui/shared: 3.68.3
  react: 19.2.1
  react-dom: 19.2.1
Operating System:
  Platform: darwin
  Arch: x64
  Version: Darwin Kernel Version 20.6.0: Thu Jul  6 22:12:47 PDT 2023; root:xnu-7195.141.49.702.12~1/RELEASE_X86_64
  Available memory (MB): 16384
  Available CPU cores: 8