Extend hex type to be more like Hexagon

[aaronzshey]

To effectively use a hook, something like:

const [initialHexagons, setHexagons] = useState(hexagons)

onMouseOver = {() => {

if initialHexagons.distanceFrom(parent) == 1 {

hexagon.props.style = {{style: fill: blue;}}

}

}}

has to be implemented. Right now, Hexagon has way more props than Hex. These should be unified under a HexProps def or something.