refactor: fixed comment sort dropdown issue

src/index.scss

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