sync: Add UI code for per type debug counters

chrome/browser/resources/sync_internals/sync_index.html

Index: chrome/browser/resources/sync_internals/sync_index.html
diff --git a/chrome/browser/resources/sync_internals/sync_index.html b/chrome/browser/resources/sync_internals/sync_index.html
index e98d9e756718bb6356c1e224ff797e8b25e0acbc..a2b30e357c1e90b0de5086ce3a901ca6a19f9039 100644
--- a/chrome/browser/resources/sync_internals/sync_index.html
+++ b/chrome/browser/resources/sync_internals/sync_index.html
@@ -9,6 +9,7 @@ chrome/test/functional/special_tabs.py. -->
 <link rel="stylesheet" href="chrome://resources/css/tabs.css">
 <link rel="stylesheet" href="chrome://resources/css/tree.css">
 <link rel="stylesheet" href="about.css">
+<link rel="stylesheet" href="types.css">
 <link rel="stylesheet" href="sync_search.css">
 <link rel="stylesheet" href="sync_node_browser.css">
 
@@ -34,6 +35,7 @@ chrome/test/functional/special_tabs.py. -->
 <script src="chrome://resources/js/util.js"></script>
 <script src="chrome://sync-internals/chrome_sync.js"></script>
 <script src="chrome://sync-internals/about.js"></script>
+<script src="chrome://sync-internals/types.js"></script>
 <script src="chrome://sync-internals/sync_log.js"></script>
 <script src="chrome://sync-internals/sync_node_browser.js"></script>
 <script src="chrome://sync-internals/sync_search.js"></script>
@@ -52,6 +54,7 @@ chrome/test/functional/special_tabs.py. -->
 <tabbox id="sync-page">
   <tabs>
     <tab id="sync-about-tab">About</tab>
+    <tab id="sync-types-tab">Types</tab>
     <tab id="sync-data-tab">Data</tab>
     <tab id="sync-events-tab">Events</tab>
     <tab id="sync-browser-tab">Sync Node Browser</tab>
@@ -62,6 +65,9 @@ chrome/test/functional/special_tabs.py. -->
       <include src="about.html" />
     </tabpanel>
     <tabpanel>
+      <include src="types.html" />
+    </tabpanel>
+    <tabpanel>
       <include src="data.html" />
     </tabpanel>
     <tabpanel>