Angular: Fix support for non-roman alphabets in story titles

[nagashimam]

Issue: #15147

What I did

@storybook/angular uses story id as HTML tag. So using non-ascii characters in story title generates invalid HTML tag. I added a new method to create a valid HTML tag from story id. This method returns storyId when it doesn't contain any non-ASCII alphanumerics. Otherwise, it generates an HTML tag from storyId by removing non-ASCII alphanumerics from storyId, prefixing "sb-", and suffixing "-component"

How to test

• Is this testable with Jest or Chromatic screenshots?
• Does this need a new example in the kitchen sink apps?
• Does this need an update to the documentation?

My answer is no to all of these questions. I added tests in app/angular/src/client/preview/angular-beta/RendererFactory.test.ts to test having non-ascii characters in story id doesn't break stories now.

[nx-cloud]

Nx Cloud Report

CI ran the following commands for commit cf4ec52. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Status	Command
	nx run-many --target=prepare --all --parallel --max-parallel=15

---

Sent with 💌 from NxCloud.

[ThibaudAV]

A small detail, it could happen that 2 stories end up with the same Id even if they didn't have the same name before. 🤔
e.g : 'my-スト' id === 'my-トス' === 'sb-my--component'

but maybe it's a marginal case 🤷‍♂️ so LGTM 🚀