feat(pie-chart): apply className to the label and labelLine

[108yen]

Description

apply className to the label and labelLine in PieChart component.

Related Issue

#4378

Motivation and Context

Required if you want to assign className to the PieChart component.

How Has This Been Tested?

Added unit test.

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• I have added a storybook story or extended an existing story to show my changes

[ckifer]

Maybe we can do the suggestion later, this looks good how it is

[ckifer]

nit: we kind of already have a typeguard for this right?
76bbdcb#diff-0030e00d80866b12434b3def516dcf03f12a37360fcaaa5fc6a7c32e0d04d17cR187

We can move the typeguard out of polar utils to somewhere that is more generic, and then make the function more generic so it works for every case.

And actually to make it a true "type guard" we could instead do

export const hasCustomClassName = <T extends SVGElement>(
  option?: SVGProps<T> | ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | boolean,
): option is { className: string } =>
  !isValidElement(option) && !isFunction(option) && typeof option !== 'boolean' && 'className' in option;

Then `const className = clsx('recharts-pie-label-line', hasCustomClassName(option) ? option.className : '');