[MISC] Add Multistate Chip

[acrowthe]

Add a chip that can be clicked to cycle between multiple different values and appearances

Here's an example test snippet, I pasted it at the top of live table but putting it into any component that's easy to access should work for testing:

      <TriStateChip
        label="Test Chip"
        defaultTooltip="Include/Exclude"
        positiveTooltip="Include"
        onChange={(value) => console.log(value)}
      />
      

[marta-]

Only render the chip if we have states. Also there will be a warning if for any reason the tooltip is missing, are we making tooltips required, should we allow them to be absent and not render the tooltip in that case (tedious!) or should we us some sort of default?

Suggested change

	return <Tooltip title={states[currentStateIndex]?.tooltip}>
	return states?.length > 0 &&
	<Tooltip title={states[currentStateIndex]?.tooltip ?? "Click to change"}>

[acrowthe]

I'm not seeing any sort of error if tooltip gets a null or undefined title - it just silently displays nothing. I've flagged the labels as required props anyways