[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/templates/empty-content/empty-content.component.scss

@@ -1,5 +1,3 @@
-@import '~@angular/material/theming';
-
 @mixin adf-empty-content-theme($theme) {
 
     $config: mat-typography-config();

lib/core/templates/empty-content/empty-content.component.ts

@@ -20,7 +20,6 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@a
 @Component({
     selector: 'adf-empty-content',
     templateUrl: './empty-content.component.html',
-    styleUrls: ['./empty-content.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-empty-content' }

lib/core/templates/error-content/error-content.component.scss

@@ -1,8 +1,4 @@
-@import '~@angular/material/theming';
-
 @mixin adf-error-content-theme($theme) {
-
-    $primary: map-get($theme, primary);
     $foreground: map-get($theme, foreground);
 
     .adf-error-content {
@@ -44,7 +40,7 @@
         }
     }
 
-    @media screen and ($mat-small) {
+    @media screen and (max-width: 959px) {
         .adf-error-content {
 
             &-code {

lib/core/templates/error-content/error-content.component.ts

@@ -27,7 +27,6 @@ import { TranslationService } from '../../services/translation.service';
 @Component({
     selector: 'adf-error-content',
     templateUrl: './error-content.component.html',
-    styleUrls: ['./error-content.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-error-content' }