fix bolded icon issue (#27222)

webapp/channels/src/sass/layout/_sidebar-left.scss

@@ -214,10 +214,6 @@ $sidebarOpacityAnimationDuration: 0.15s;
             &--untouched {
                 color: var(--sidebar-unread-text);
                 font-weight: $font-weight--semibold;
-
-                i::before {
-                    font-weight: $font-weight--semibold;
-                }
             }
         }
 
@@ -1282,12 +1278,15 @@ $sidebarOpacityAnimationDuration: 0.15s;
     }
 
     .SidebarChannel.unread .SidebarChannelLinkLabel,
-    .SidebarChannel.unread .SidebarLink > i,
     .SidebarChannel.unread .SidebarLink:hover .SidebarChannelLinkLabel {
         color: var(--sidebar-unread-text);
         font-weight: 600;
     }
 
+    .SidebarChannel.unread .SidebarLink > i {
+        color: var(--sidebar-unread-text);
+    }
+
     .SidebarChannel .SidebarLink > i {
         display: flex;
         margin: 0 6px 0 -2px;