Auto name activity

[sfmskywalker]

This PR adds a designer feature that will autogenerate activity names. Example:

The default naming strategy is camel case*, but there are other ones available. This is the list out of the box:

• PascalCaseStrategy
• CamelCaseStrategy
• SnakeCaseStrategy
• KebabCaseStrategy

Additionally, custom strategies can be configured.

Here's an example demonstrating how to configure a strategy from the HTML page hosting the designer:

<script type="module">
  // Import publicly exposed plugins, services and models to use in vanilla JavaScript.
  import {Container, ActivityNameFormatter} from "/build/index.esm.js"; // Use NPM package once released.

  // Get a reference to the ActivityNameFormatter.
  const activityNameFormatter = Container.get(ActivityNameFormatter); // Using service locator to get a reference to a service.

  // Install your preferred naming strategy:
  activityNameFormatter.strategy = ActivityNameFormatter.CamelCaseStrategy;

  // Or install a custom name formatter strategy (which is a simple function that receives a context and should return the resulting activity name as a string).
  //activityNameFormatter.strategy = context => `${context.activityDescriptor.activityType}_${context.count}`;

</script>

Closes #2874