[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

demo-shell/src/app/components/app-layout/app-layout.component.scss

@@ -2,7 +2,7 @@
     $primary: map-get($theme, primary);
     $minimumAppWidth: 320px;
 
-    @media screen and ($mat-xsmall) {
+    @media screen and (max-width: 599px) {
         app-search-bar {
             width: 150px;
         }
@@ -46,13 +46,13 @@
         }
     }
 
-    @media screen and ($mat-small) {
+    @media screen and (max-width: 959px) {
         .app-menu {
             padding-top: 0;
         }
     }
 
-    @media screen and ($mat-xsmall) {}
+    @media screen and (max-width: 599px) {}
 
     mat-sidenav-content > div {
         display: flex;

demo-shell/src/app/components/app-layout/app-layout.component.ts

@@ -22,8 +22,7 @@ import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 @Component({
-    templateUrl: 'app-layout.component.html',
-    styleUrls: ['app-layout.component.scss'],
+    templateUrl: './app-layout.component.html',
     host: {
         'class': 'app-layout'
     },

demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.ts

@@ -34,8 +34,8 @@ import {
 } from '../../../cloud/custom-form-components/custom-editor.component';
 
 @Component({
-    templateUrl: 'cloud-form-demo.component.html',
-    styleUrls: ['cloud-form-demo.component.scss'],
+    templateUrl: './cloud-form-demo.component.html',
+    styleUrls: ['./cloud-form-demo.component.scss'],
     providers: [
         { provide: FormRenderingService, useClass: CloudFormRenderingService }
     ]