TS-componentize Computed tab's style property and style trace elements

This also helps future work, for example, Computed style grouping,
to be TS-componentized as well.

Bug: chromium:1106251, chromium:1096230
Change-Id: I2f8a977f4e3f701905354cb4edb15702cb8cd2a3
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2336723
Commit-Queue: Changhao Han <changhaohan@chromium.org>
Reviewed-by: Paul Lewis <aerotwist@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
diff --git a/scripts/component_server/server.js b/scripts/component_server/server.js
index ccd1789..72870ce 100644
--- a/scripts/component_server/server.js
+++ b/scripts/component_server/server.js
@@ -25,7 +25,7 @@
 console.log(`Started components server at http://localhost:${serverPort}\n`);
 
 function createComponentIndexFile(componentPath, componentExamples) {
-  const componentName = componentPath.replace('/', '').replace('_', ' ');
+  const componentName = componentPath.replace('/', '').replace(/_/g, ' ');
   // clang-format off
   return `<!DOCTYPE html>
   <html>