adjust z-indexes

src/components/board-nav/board-nav.module.css

@@ -26,7 +26,7 @@
   font-size: var(--boardnav-mobile-font-size);
   position: fixed;
   width: 100%;
-  z-index: 6;
+  z-index: 3;
   animation-name: stickyMenuAnimation;
   animation-duration: 1s;
   animation-timing-function: linear;

src/components/challenge-modal/challenge-modal.module.css

@@ -7,7 +7,7 @@
   font-size: 10pt;
   border-left: none;
   border-top: none;
-  z-index: 1000;
+  z-index: 999;
   background-color: var(--challenge-modal-background-color);
   border: var(--challenge-modal-border);
 }

src/components/post/post-menu/post-menu.module.css

@@ -4,6 +4,7 @@
   border-bottom: var(--post-menu-border-bottom);
   border-right: var(--post-menu-border-right);
   outline: none;
+  z-index: 2;
 }
 
 .postMenuBtnWrapper {

src/components/reply-modal/reply-modal.module.css

@@ -7,7 +7,7 @@
   font-size: 10pt;
   border-left: none;
   border-top: none;
-  z-index: 1000;
+  z-index: 3;
   background-color: var(--challenge-modal-background-color);
   border: var(--challenge-modal-border);
 }

src/components/settings-modal/settings-modal.module.css

@@ -5,7 +5,7 @@
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.25);
-  z-index: 900;
+  z-index: 4;
 }
 
 .settingsModal label, .settingsModal button, .settingsModal select {
@@ -31,7 +31,7 @@
   overflow-y: auto;
   margin-left: -178px;
   position: fixed;
-  z-index: 1000;
+  z-index: 5;
   padding: 2px;
   font-size: 14px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);