Kafka Streams Dev UI: improves support of exotic characters in topic names

[dcotfr]

Describe the bug

Topology graph does not appears when topic name contains an unexpected character (ie: dot, comma, hyphen, ...), and Graphviz generated script is not usable.

Expected behavior

A valid Graphviz script and a displayed graph is expected even when topic(s) name(s) contains special characters.

How to Reproduce?

Create a topology sourced on a topic named "temperature.values": no graph displayed, generated Graphviz script not conform (ie: copy/pasted to https://dreampuf.github.io/GraphvizOnline/ returns invalid syntax)

Cause of error

Current Graphviz script generation use short form of ID (1), knowing that (see https://graphviz.org/doc/info/lang.html):

An ID is one of the following:

1. Any string of alphabetic ([a-zA-Z\200-\377]) characters, underscores ('_') or digits([0-9]), not beginning with a digit;
2. a numeral [-]?(.[0-9]⁺ | [0-9]⁺(.[0-9]*)? );
3. any double-quoted string ("...") possibly containing escaped quotes (\")¹;
4. an HTML string (<...>).

Proposed adjustment

Replaced the use of the abbreviated form of ID (1) with double-quoted IDs, cleaned up of the inner quotes, (3) during the Graphviz script generation phase.

See linked modifications of topology parser and unit test.

Improves #36706