[ADF-5406] SCSS and HTML template path fixes (#7063)

* remove useless mixin

* fix scss paths

* style fixes

* fix styles

* style fixes

* style fixes

* style fixes

* style fixes

* insights fixes

* css and template path fixes

* bug fixes

lib/core/buttons-menu/buttons-menu.component.scss

@@ -1,32 +1,29 @@
-@mixin adf-buttons-menu-theme($theme) {
+.adf-buttons-menu {
+    margin-right: 10px;
 
-    .adf-buttons-menu {
+    & div {
+        display: flex;
+    }
+
+    &-mobile {
         margin-right: 10px;
+    }
 
-        & div {
-            display: flex;
+    &-desktop {
+        display: flex;
+
+        button {
+            color: black;
+            padding: 0;
         }
 
-        &-mobile {
-            margin-right: 10px;
+        button > span {
+            display: none;
         }
 
-        &-desktop {
-            display: flex;
-
-            button {
-                color: black;
-                padding: 0;
-            }
-
-            button > span {
-                display: none;
-            }
-
-            button > mat-icon.mat-icon.material-icons {
-                color: black;
-                margin: 0 10px;
-            }
+        button > mat-icon.mat-icon.material-icons {
+            color: black;
+            margin: 0 10px;
         }
     }
 }

lib/core/buttons-menu/buttons-menu.component.ts

@@ -15,13 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ContentChildren, QueryList, AfterContentInit } from '@angular/core';
+import { Component, ContentChildren, QueryList, AfterContentInit, ViewEncapsulation } from '@angular/core';
 import { MatMenuItem } from '@angular/material/menu';
 
 @Component({
     selector: 'adf-buttons-action-menu',
     templateUrl: './buttons-menu.component.html',
-    styleUrls: ['./buttons-menu.component.scss']
+    styleUrls: ['./buttons-menu.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 
 export class ButtonsMenuComponent implements  AfterContentInit {