feat: types custom component props

[jacobsfletch]

Edit: After thinking about this more, I think the component-level types should be deprecated in favor of direct props.

Reasons:

1. Component-level type only works for components defined as arrow functions, not components defined as regular functions
2. This has snowballed into types for every single field "slot", i.e. FieldLabelClientComponent and has become an awful pattern

This feels like a mistake. Should have never been written this way. Encouraging the use of props directly eliminates all of this.

Here's the previous description of this PR if anyone is curious:

When creating custom fields and injecting custom props, it is currently not possible to have those props typed within the base fields types that Payload provides.

For example:

{
  type: 'text',
  admin: {
    Field: {
      path: './path-to-my-component',
      clientProps: {
        customProp: 'This is a custom prop'
      }
  }
}

In your component definition, customProp does not exist on the TextFieldServerComponent type:

import { TextFieldServerComponent } from 'payload'

const MyComponent: TextFieldServerComponent = ({
  customProp // THIS DOES NOT EXIST
}) => {
 // ...
}

Currently, to do this you'd need to use the prop types directly:

import { TextFieldServerProps } from 'payload'

const MyComponent: React.FC<TextFieldServerProps & {
  customProp: string
}> = (props) => {
 // ...
}

With this change you could define the custom props on the component-level type by passing it as a generic:

import { TextFieldServerComponent } from 'payload'

const MyComponent: TextFieldServerComponent<{
  customProp: string
}> = ({
  customProp // EXISTS
}) => {
 // ...
}