fix(ui): properly handles column selector labels

packages/ui/src/fields/Collapsible/index.tsx

@@ -1,5 +1,5 @@
 'use client'
-import type { DocumentPreferences, RowLabel as RowLabelType } from 'payload/types'
+import type { DocumentPreferences, FieldBase, RowLabel as RowLabelType } from 'payload/types'
 
 import React, { Fragment, useCallback, useEffect, useState } from 'react'
 
@@ -28,6 +28,7 @@ import type { FormFieldBase } from '../shared/index.js'
 export type CollapsibleFieldProps = FormFieldBase & {
   fieldMap: FieldMap
   initCollapsed?: boolean
+  label?: FieldBase['label']
   permissions: FieldPermissions
   width?: string
 }

packages/ui/src/fields/Relationship/types.ts

@@ -1,5 +1,5 @@
 import type { I18n } from '@payloadcms/translations'
-import type { ClientCollectionConfig, RelationshipField } from 'payload/types'
+import type { ClientCollectionConfig, FieldBase, RelationshipField } from 'payload/types'
 import type { SanitizedConfig } from 'payload/types'
 
 import type { FormFieldBase } from '../shared/index.js'
@@ -8,6 +8,7 @@ export type RelationshipFieldProps = FormFieldBase & {
   allowCreate?: RelationshipField['admin']['allowCreate']
   hasMany?: boolean
   isSortable?: boolean
+  label?: FieldBase['label']
   name: string
   relationTo?: RelationshipField['relationTo']
   sortOptions?: RelationshipField['admin']['sortOptions']

packages/ui/src/fields/RichText/index.tsx

@@ -1,9 +1,11 @@
+import type { FieldBase } from 'packages/payload/src/exports/types.js'
 import type React from 'react'
 
 import type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'
 import type { FormFieldBase } from '../shared/index.js'
 
 export type RichTextFieldProps = FormFieldBase & {
+  label?: FieldBase['label']
   name: string
   richTextComponentMap?: Map<string, MappedField[] | React.ReactNode>
   width?: string