feat(richtext-lexical)!: change link fields handling (#6162)

**BREAKING:**
- Drawer fields are no longer wrapped in a `fields` group. This might be breaking if you depend on them being in a field group in any way - potentially if you use custom link fields. This does not change how the data is saved
- If you pass in an array of custom fields to the link feature, those were previously added to the base fields. Now, they completely replace the base fields for consistency. If you want to ADD fields to the base fields now, you will have to pass in a function and spread `defaultFields` - similar to how adding your own features to lexical works

**Example Migration for ADDING fields to the link base fields:**

**Previous:**
```ts
 LinkFeature({
    fields: [
      {
        name: 'rel',
        label: 'Rel Attribute',
        type: 'select',
        hasMany: true,
        options: ['noopener', 'noreferrer', 'nofollow'],
        admin: {
          description:
            'The rel attribute defines the relationship between a linked resource and the current document. This is a custom link field.',
        },
      },
    ],
  }),
```

**Now:**
```ts
 LinkFeature({
    fields: ({ defaultFields }) => [
      ...defaultFields,
      {
        name: 'rel',
        label: 'Rel Attribute',
        type: 'select',
        hasMany: true,
        options: ['noopener', 'noreferrer', 'nofollow'],
        admin: {
          description:
            'The rel attribute defines the relationship between a linked resource and the current document. This is a custom link field.',
        },
      },
    ],
  }),

test/fields/collections/Lexical/e2e.spec.ts

@@ -520,7 +520,7 @@ describe('lexical', () => {
       const drawerContent = page.locator('.drawer__content').first()
       await expect(drawerContent).toBeVisible()
 
-      const urlField = drawerContent.locator('input#field-fields__url').first()
+      const urlField = drawerContent.locator('input#field-url').first()
       await expect(urlField).toBeVisible()
       // Fill with https://www.payloadcms.com
       await urlField.fill('https://www.payloadcms.com')

test/fields/collections/Lexical/index.ts

@@ -72,7 +72,8 @@ export const LexicalFields: CollectionConfig = {
           TreeViewFeature(),
           //HTMLConverterFeature(),
           LinkFeature({
-            fields: [
+            fields: ({ defaultFields }) => [
+              ...defaultFields,
               {
                 name: 'rel',
                 label: 'Rel Attribute',

test/fields/collections/LexicalMigrate/index.ts

@@ -39,7 +39,8 @@ export const LexicalMigrateFields: CollectionConfig = {
           TreeViewFeature(),
           HTMLConverterFeature(),
           LinkFeature({
-            fields: [
+            fields: ({ defaultFields }) => [
+              ...defaultFields,
               {
                 name: 'rel',
                 label: 'Rel Attribute',
@@ -79,7 +80,8 @@ export const LexicalMigrateFields: CollectionConfig = {
           TreeViewFeature(),
           HTMLConverterFeature(),
           LinkFeature({
-            fields: [
+            fields: ({ defaultFields }) => [
+              ...defaultFields,
               {
                 name: 'rel',
                 label: 'Rel Attribute',

test/fields/collections/RichText/index.ts

@@ -38,7 +38,8 @@ const RichTextFields: CollectionConfig = {
           TreeViewFeature(),
           HTMLConverterFeature({}),
           LinkFeature({
-            fields: [
+            fields: ({ defaultFields }) => [
+              ...defaultFields,
               {
                 name: 'rel',
                 label: 'Rel Attribute',