[State Management] Transitions and selectors should know about state shape

[Dosant]

Currently when creating state container, transition and selectors allow to have state shape mismatch and typescript doesn't complain:

createStateContainer(
  { test: "string" },
  {
   transition: (state: {otherShape: string}) => () => state
  }
);

Also have to specify state for each transition / selector explicitly, typescript doesn't infer it:

createStateContainer(
  { test: "string" },
  {
   transition: (state) => () => state // state is considered any here
  }
);

Where, if possible, it should be:

createStateContainer(
  { test: "hello" },
  {
   transition: (state) => () => state // typescript understands that state is {test: "string"} here and doesn't allows to assign anything else
  }
);

[elasticmachine]

Pinging @elastic/kibana-app-arch (Team:AppArch)

[ppisljar]

Thank you for contributing to this issue, however, we are closing this issue due to inactivity as part of a backlog grooming effort. If you believe this feature/bug should still be considered, please reopen with a comment.