TextField - only use leadingAccessoryRef when needed (i.e. floatingPlaceholder={true})

[M-i-k-e-l]

Description

TextField - only use leadingAccessoryRef when needed (i.e. floatingPlaceholder={true})

If the user has a function component for leadingAccessory:

export const LeadingAccessory = () => {
  return <Text marginR-2>leading accessory</Text>;
};

They will get an error since we require a ref for the leadingAccessory and in a function component it needs to be forwarded.
One solution is to use React.forwardRef, however this can be avoided in cases where floatingPlaceholder={false} because that's the only reason to have the ref.

Changelog

TextField - only require leadingAccessory to have a ref when needed (i.e. floatingPlaceholder={true})

Additional info

Channel (Aug. 1st)