Suggested Refactor of Core Field Components

[58bits]

I think the current structure of the top-level components in /src/fields/LexicalRichText is a little difficult to follow.

Here's a suggested refactor and a new set of filenames...

• EditorConfigProvider.tsx - the editor config provider – extract this from LexicalEditorComponent.tsx
• EditorProviders.tsx (currently LexicalEditorComponent.tsx) – it’s quite common in react projects to group all providers into a single component. Not sure why Lexical named them with ‘Context’ suffixes, because in most other React projects they’re named ‘Providers’ – but this doesn’t really matter a lot.
• Editor.tsx (currently LexicalRichText.tsx – although you’re actually exporting Editor)
• FieldComponent.tsx (currently PayloadLexicalRichTextFieldComponent.tsx)
• FieldComponentLazy.tsx (currently index.tsx)
• index.tsx - make this the lexicalRichTextField.ts file and bring it down into this same directory as the LexicalRichText folder
• LexicalAfterReadHook.ts – also move this down into the LexicalRichText directory

So the final directory structure would look like this...

.
├── commenting
├── context
├── hooks
├── images
├── nodes
├── plugins
├── settings
├── shared
├── themes
├── ui
├── utils
├── Editor.scss
├── Editor.tsx
├── EditorConfigProvider.tsx
├── EditorProviders.tsx
├── FieldComponent.scss
├── FieldComponent.tsx
├── FieldComponentLazy.tsx
├── LexicalAfterReadHook.ts
├── index.ts
└── types.ts