Make state badge prefer its state prop's type if present.

[collincchoy]

This PR contains a small change to have the StateBadge use its state type directly for styling if present else fallback to the current method of deriving the type from its name.

This enables custom flow run states to render in styled like their actual, inherent state type while maintaining the custom name.

@flow
def hello_world():
    return State(
        type=StateType.COMPLETED,
        name="My custom name",
        message="My custom message.",
    )

Before	After

[collincchoy]

In the example flow in the PR description, props.state.type === 'completed' already but the state has a custom name so before, it wouldn't map to any type.

[pleek91]

Ah nice, yeah should have been this way to begin with. TY!

[znicholasbrown]

love this