refactor(platform-browser): further reduce runtime code size of shared style host (angular#57951)

The `SharedStylesHost` class has been refactored to further reduce
the runtime code size. SSR generated component styles are now added directly
into the usage records to avoid the need for additional data structures and
lookups when adding a component style. The code reduction in a prerelease
newly generated Angular CLI application for production is ~190 bytes.

Before:
```
Initial chunk files   | Names         |  Raw size | Estimated transfer size
main-3X2VHGTM.js      | main          | 208.26 kB |                56.30 kB
polyfills-FFHMD2TL.js | polyfills     |  34.52 kB |                11.28 kB
styles-5INURTSO.css   | styles        |   0 bytes |                 0 bytes

                      | Initial total | 242.78 kB |                67.58 kB
```

After:
```
Initial chunk files   | Names         |  Raw size | Estimated transfer size
main-MGOZ6Q4F.js      | main          | 208.07 kB |                56.26 kB
polyfills-FFHMD2TL.js | polyfills     |  34.52 kB |                11.28 kB
styles-5INURTSO.css   | styles        |   0 bytes |                 0 bytes

                      | Initial total | 242.59 kB |                67.54 kB
```

PR Close angular#57951

Author: clydin

packages/core/test/bundling/animations-standalone/bundle.golden_symbols.json

@@ -818,6 +818,9 @@
   {
     "name": "createNotification"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1347,10 +1350,10 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeClass"
   },
   {
-    "name": "removeClass"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/animations/bundle.golden_symbols.json

@@ -884,6 +884,9 @@
   {
     "name": "createPlatformFactory"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1425,10 +1428,10 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeClass"
   },
   {
-    "name": "removeClass"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/cyclic_import/bundle.golden_symbols.json

@@ -677,6 +677,9 @@
   {
     "name": "createPlatformFactory"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1152,7 +1155,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/defer/bundle.golden_symbols.json

@@ -755,6 +755,9 @@
   {
     "name": "createNotification"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -2397,7 +2400,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/forms_reactive/bundle.golden_symbols.json

@@ -974,6 +974,9 @@
   {
     "name": "createPlatformFactory"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1719,7 +1722,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/forms_template_driven/bundle.golden_symbols.json

@@ -938,6 +938,9 @@
   {
     "name": "createPlatformFactory"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1686,7 +1689,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/hydration/bundle.golden_symbols.json

@@ -737,6 +737,9 @@
   {
     "name": "createOperatorSubscriber"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1259,15 +1262,15 @@
   {
     "name": "remove"
   },
-  {
-    "name": "removeAll"
-  },
   {
     "name": "removeDehydratedView"
   },
   {
     "name": "removeDehydratedViews"
   },
+  {
+    "name": "removeElements"
+  },
   {
     "name": "removeFromArray"
   },

packages/core/test/bundling/router/bundle.golden_symbols.json

@@ -1112,6 +1112,9 @@
   {
     "name": "createSegmentGroupFromRoute"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1956,7 +1959,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/standalone_bootstrap/bundle.golden_symbols.json

@@ -605,6 +605,9 @@
   {
     "name": "createNotification"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1011,7 +1014,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"

packages/core/test/bundling/todo/bundle.golden_symbols.json

@@ -794,6 +794,9 @@
   {
     "name": "createPlatformFactory"
   },
+  {
+    "name": "createStyleElement"
+  },
   {
     "name": "createTView"
   },
@@ -1368,7 +1371,7 @@
     "name": "remove"
   },
   {
-    "name": "removeAll"
+    "name": "removeElements"
   },
   {
     "name": "removeFromArray"