refactor: added AlertBar component to avoid duplicate code

src/index.scss

@@ -315,8 +315,6 @@ header {
 #courseTabsNavigation {
   font-size: 18px;
   font-family: Inter, Helvetica Neue, Arial, sans-serif;
-  z-index: 3;
-  background-color: #fff;
 
   .container-xl {
     padding-left: 31px;
@@ -338,7 +336,7 @@ header {
 
 .header-action-bar {
   background-color: #fff;
-  z-index: 3;
+  z-index: 2;
   box-shadow: 0px 2px 4px rgb(0 0 0 / 15%), 0px 2px 8px rgb(0 0 0 / 15%);
   position: sticky;
   top: 0;
@@ -416,7 +414,7 @@ header {
   max-width: fit-content;
   margin-left: auto;
   margin-top: -2.063rem;
-  z-index: 2;
+  z-index: 1;
   right: 32px;
 }
 
@@ -524,9 +522,3 @@ header {
 .usabilla_live_button_container{
   right: 0px !important;
 }
-
-.learning-header{
-  z-index: 4;
-  position: relative;
-  background-color: #fff;
-}