UI: restyle the side-menu "NEW" pill to a soft outlined chip

Light-grey background, 76%-black text, 1px hairline border, 11px/.25px tracking. Drop the previous primary-color "white pill on primary toolbar" look that no longer fits the new menu's neutral surface, and bind the opacity transition to $sidenav-anim-timing so the pill fades in/out in sync with the sidenav collapse animation.

ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss

@@ -39,17 +39,16 @@
       right: 44px;
       top: 4px;
       content: "NEW";
-      font-size: 12px;
+      background: rgba(0, 0, 0, 0.03);
-      letter-spacing: .03125em;
+      color: rgba(0, 0, 0, 0.76);
-      display: inline-block;
+      font-size: 11px;
+      letter-spacing: .25px;
+      line-height: 16px;
+      padding: 2px 8px;
       border-radius: 10px;
-      line-height: 22px;
+      border: 1px solid rgba(0, 0, 0, 0.05);
-      height: 20px;
+      opacity: 1;
-      background: #fff;
+      transition: opacity $sidenav-anim-timing;
-      color: $tb-primary-color;
-      padding-left: 6px;
-      padding-right: 6px;
-      margin-left: -6px;
     }
   }