style: unify search bar styling across components and improve display properties

Entire-Checkpoint: dd05e045e1b2

libs/ui/components/src/lib/channel-list-container/all-channels-view/all-channels-view.component.scss

@@ -50,17 +50,13 @@
     pointer-events: none;
 }
 
-::ng-deep {
-    .search-bar {
-        div {
-            border-radius: 20px;
-        }
-    }
+:host ::ng-deep .search-bar div {
+    border-radius: 20px;
+}
 
-    div[matformfieldlineripple],
-    .mat-mdc-form-field-subscript-wrapper {
-        display: none;
-    }
+:host ::ng-deep .search-bar div[matformfieldlineripple],
+:host ::ng-deep .search-bar .mat-mdc-form-field-subscript-wrapper {
+    display: none;
 }
 
 [type='search']::-webkit-search-cancel-button {