[Feature] Allow passing custom props to button

[Svish]

With the react-query devtools I can pass in custom props to make adjustments to it. In particular, it's good to be able to pass a className or a custom style to override some defaults, like done here:

<ReactQueryDevtools
  position="bottom-left"
  toggleButtonProps={{
    className: 'noPrint',
    style: { transform: 'translateY(-3rem)' },
  }}
  panelProps={{
    className: 'noPrint',
  }}
/>

None of the placements of the react-hook-form devtools button work for me as there are fixed toolbars at the top and the bottom of our app. So I need to be able to pass in a transform to nudge it upwards, like I am able to with the react-query devtools.

[FranciscoKloganB]

This is an important thing that shouldn't be too difficult to add. Is there a contribution guide? I currently can't use hookform devtools. After opening it on a form, I literally can't close it.

Edit:

Perhaps we could add to the docs that we can do this? (figured it out from the source code).

{debugHookform && (
  <DevTool
    control={control}
    placement="bottom-left"
    styles={{
      panel: {
        transform: 'translateY(20%)',
        maxHeight: '80vh',
        overflow: 'auto',
      },
    }}
  />
)}