feat(aio): display API icons in search results

Add API symbols for `let` and `var` so don’t have to translate those types into `const`
Also replace <hr> in search results HTML with ellipses icon.

aio/src/styles/1-layouts/_layouts-dir.scss

@@ -4,11 +4,10 @@
 
 @import 'sidenav';
 @import 'content-layout';
-@import 'search-results';
 @import 'top-menu';
 @import 'marketing-layout';
 @import 'footer';
 @import 'layout-global';
 @import 'not-found';
 @import 'api-page';
-@import 'table-of-contents';
+@import 'table-of-contents';

aio/src/styles/2-modules/_modules-dir.scss

@@ -17,6 +17,7 @@
    @import 'hero';
    @import 'announcement-bar';
    @import 'banner';
+   @import 'search-results';
    @import 'api-list';
    @import 'hr';
    @import 'live-example';

aio/src/styles/2-modules/_search-results.scss

@@ -61,8 +61,19 @@ aio-search-results {
             color: $white;
         }
         &:visited {
-        text-decoration: none;
+          text-decoration: none;
         }
+
+        span.symbol {
+          margin-right: 8px;
+        }
+    }
+
+    .more-items {
+      content: 'more_horiz';
+      font-size: 20px;
+      color: $mediumgray;
+      padding: 0;
     }
 
     @include bp(tiny) {

aio/src/styles/_constants.scss

@@ -95,8 +95,16 @@ $api-symbols: (
     content: 'K',
     background: $purple-600
   ),
+  let: (
+    content: 'K',
+    background: $purple-600
+  ),
+  var: (
+    content: 'K',
+    background: $purple-600
+  ),
   type-alias: (
     content: 'T',
     background: $light-green-600
   )
-);
+);