Fix footer visible through dropdown (#2323)

components/layout.module.css

@@ -5,7 +5,6 @@
     height: 100%;
     align-items: center;
     margin: auto;
-    z-index: 0;
 }
 
 .content {

components/search.module.css

@@ -1,4 +1,5 @@
 .searchSection {
+    background-color: var(--bs-body-bg);
     z-index: 1;
 }
 

styles/globals.scss

@@ -220,8 +220,6 @@ $zindex-sticky: 900;
   scroll-margin-top: 60px;
 }
 
-
-
 .ms-xs {
   margin-left: 0.125rem;
 }
@@ -598,14 +596,6 @@ div[contenteditable]:disabled,
   min-height: 100svh;
 }
 
-#__next > main {
-  z-index: 0;
-}
-
-#__next > footer {
-  z-index: 0;
-}
-
 footer {
   margin-top: auto;
   display: flex;