refactor replymodal to render it globally

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

@@ -5,7 +5,7 @@
   font-size: 10pt;
   border-left: none;
   border-top: none;
-  z-index: 3;
+  z-index: 999;
   background-color: var(--challenge-modal-background-color);
   border: var(--challenge-modal-border);
   will-change: transform;

src/components/reply-modal/reply-modal.tsx

@@ -147,7 +147,7 @@ const ReplyModal = ({ closeModal, showReplyModal, parentCid, postCid, scrollY, s
 
   const [{ x, y }, api] = useSpring(() => ({
     x: window.innerWidth / 2 - 150,
-    y: window.innerHeight / 2 - 400,
+    y: window.innerHeight / 2 - 200,
   }));
 
   const bind = useDrag(