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

[Glavin001]

See https://github.com/statelyai/xstate/discussions/1641#discussioncomment-4623313 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 https://github.com/statelyai/xstate-viz/issues/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)"
      }
    },
  }
});