DevTools: work around rjsmin issue to fix Audits frontpage bug 972969

In previous change https://chromium-review.googlesource.com/c/chromium/src/+/1600375,
some strings are wrapped inside placeholders ${} in string literals for localization
purposes. However, rjsmin couldn't process nested string literals properly so the
white-spaces after commas or periods would get trimmed off. It causes the issue where
words cannot break to the next line when Audits page resized, and leaves unwanted
extra space.

This change works around the issue by pulling the string with comma out to a variable
to prevent nested string literal.

Before fix: https://imgur.com/uMjr5Bp
After fix: https://imgur.com/a/X5wq6Xo

More details on the rjsmin issue:
https://bugs.chromium.org/p/chromium/issues/detail?id=973285

Bug: 972969
Change-Id: I4b4cf243df0ce74c400e488f6c6b98595cf4ecca
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1655913
Commit-Queue: Christy Chen <chrche@microsoft.com>
Reviewed-by: Joel Einbinder <einbinder@chromium.org>
Cr-Commit-Position: refs/heads/master@{#672610}
3 files changed