bugfix: notification kist display on small screen

src/dependencies.pug

@@ -24,8 +24,8 @@ if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
     //- script(type="module" src="/lib/sib-conversation/sib-conversation.js" defer)
 
 if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
-    script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.4" defer)
-    //- script(type="module" src="/lib/sib-directory/dist/index.js" defer)
+    //-script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.4" defer)
+    script(type="module" src="/lib/sib-directory/dist/index.js" defer)
 
 if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
     script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer)

src/styles/base/header.scss

@@ -7,12 +7,13 @@
   color: var(--color-black);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
   flex-shrink: 0;
-  position: relative;
-  z-index: 1;
+  position: fixed;
+  z-index: 999;
 
   @include breakpoint(lg) {
     max-height: 83px;
     height: 83px;
+    position: relative;
   }
 
   &.is-spaced {

src/styles/components/chat.scss

 .chat-view {
   padding: 0;
-  height: calc(100vh - 50px - 56px); /* Header's and subheader's height on mobile */
+  height: calc(100vh);
   position: relative;
   overflow: hidden;