Files app: Replace unicode code to its actual UTF-8 char

When the CSS is in-lined in the JS as part of generating the JS module
the "\" escaping doesn't work.  To workaround this problem we replace
the escaping unicode code with the actual UTF-8 char.

Note that the code "\00a0" is actually a non-break space and it was
replaced with a normal blank space, however the style used doesn't break
and this is an old style used in pre-GM2.

Note 2: The problem only affects styles in the HTML for Polymer
elements, but for consistency, I'm replacing in all files.

Bug: 1133186, 1130413
Change-Id: I69fc315a6f4e8b96564b2250b2f8510fed55e307
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2470037
Auto-Submit: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Alex Danilo <adanilo@chromium.org>
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#818385}

ui/file_manager/file_manager/foreground/css/file_manager.css

@@ -2647,7 +2647,7 @@ li[renaming=''] .badge {
   background-position: center center;
   background-repeat: no-repeat;
   color: #888;
-  content: '\00a0';
+  content: ' ';
   padding-inline-start: 13px;
   position: relative;
   top: 1px;
@@ -2660,7 +2660,7 @@ li[renaming=''] .badge {
   background-position: center center;
   background-repeat: no-repeat;
   color: #888;
-  content: '\00a0';
+  content: ' ';
   padding-inline-start: 13px;
   position: relative;
   top: -1px;

ui/file_manager/file_manager/foreground/css/menu.css

@@ -43,13 +43,13 @@ html[dir='rtl'] cr-menu > [shortcutText]::after {
 
 cr-menu > [sub-menu]::after {
   color: rgb(100, 100, 100);
-  content: '\25b6';
+  content: '▶';
   float: right;
   font-size: 0.7em;
 }
 
 html[dir='rtl'] cr-menu > [sub-menu]::after {
-  content: '\25c0';
+  content: '◀';
   float: left;
 }
 

ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html

@@ -48,7 +48,7 @@
 
       #value[loading]::after {
         animation: ellipsis 1s steps(4,end) 100ms infinite;
-        content: '\2026'; /* Unicode horizontal ellipsis */
+        content: '…';
         display: inline-block;
         overflow: hidden;
         transform: scale(2.5) translate(0, 1px);