[AAE-16369] use layout-bp mixin where applicable (#8896)

lib/core/shell/ng-package.json

@@ -1,6 +1,9 @@
 {
-  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "lib": {
-    "entryFile": "src/index.ts"
+    "entryFile": "src/index.ts",
+    "styleIncludePaths": [
+      "../src/lib"
+    ]
   }
 }

lib/core/shell/src/lib/components/shell/shell.component.scss

@@ -1,3 +1,5 @@
+@import 'styles/flex';
+
 .app-shell {
     display: flex;
     flex-direction: column;
@@ -21,7 +23,7 @@
     }
 }
 
-@media screen and (max-width: 599px) {
+@include layout-bp(lt-sm) {
     .adf-app-title {
         display: none;
     }