feat: allow a node to be passed in as an IconButton label

[thuey]

This allows a node to be passed in as the label for an IconButton. Allowing a node to be passed in allows consumers to include things like screen reader-only content. (see the docs example in this PR)

[github-actions]

Preview branch generated at https://allow-react-node-icon-button-label.d1gko6en628vir.amplifyapp.com

[scurker]

I don't think this will work as implemented, see how we're also setting aria-label below:

cauldron/packages/react/src/components/IconButton/index.tsx

Lines 78 to 83 in 9d2b7bb

	useEffect(() => {
	if (!disabled) {
	return;
	}
	internalRef.current?.setAttribute('aria-label', label);
	}, [disabled]);

I think you're on the right track, but we also need the button to have an accessible name as well. Perhaps we should be using <Offscreen> there instead of just using aria-label.

[thuey]

@scurker Good catch. I missed the "disabled" scenario.

[github-actions]

Preview branch generated at https://allow-react-node-icon-button-label.d1gko6en628vir.amplifyapp.com