Feature: Custom State Title/Names (AKA keyText) overriding the unique identified in visualizer

[Glavin001]

See statelyai/xstate#1641 (reply in thread) for more context.

Use Case

I want to replace the state's title/name. Also helpful when the original state unique identified is too long (see #397 ).

Example:

const fetchMachine = createMachine<Context>({
  // ...
  states: {
    theRawId: {
      meta: {
        title: "The Nice Title", // Override theRawId
        description: "# Description\nAllows screenshots:\n![](https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Web_Page.png/800px-Web_Page.png)"
      }
    },
  }
});