MDL-81300 theme_boost: Fix dnd overlay in course sections

Drag and drop overlay in course page was being overlapped by divider
buttons and quick edit links.
That happens because both elements have their own z-index context.
Add z-index to the drag and drop overlay elenment to fix this issue.

theme/boost/scss/moodle/course.scss

@@ -1258,6 +1258,11 @@ $divider-hover-color: $primary !default;
         font-size: $font-size-lg;
         color: $primary;
     }
+
+    // Add new z-index context for dnd overlay higher divider buttons and quick edit links.
+    .overlay-preview {
+        z-index: 5;
+    }
 }
 
 // Course 'add section' button.

theme/boost/style/moodle.css

@@ -29070,6 +29070,9 @@ span.editinstructions .alert-link {
   font-size: 1.171875rem;
   color: #0f6cbf;
 }
+.course-section .overlay-preview {
+  z-index: 5;
+}
 
 .btn.add-section {
   border-radius: 1rem;

theme/classic/style/moodle.css

@@ -29070,6 +29070,9 @@ span.editinstructions .alert-link {
   font-size: 1.171875rem;
   color: #0f6cbf;
 }
+.course-section .overlay-preview {
+  z-index: 5;
+}
 
 .btn.add-section {
   border-radius: 1rem;