disable draggable for ReplyModal mobile

src/components/ReplyModal.jsx

@@ -30,10 +30,21 @@ const ReplyModal = ({ isOpen, closeModal }) => {
   const [errorMessage, setErrorMessage] = useState(null);
   const [triggerPublishComment, setTriggerPublishComment] = useState(false);
   const [selectedText, setSelectedText] = useState('');
+  const [isMobile, setIsMobile] = useState(window.innerWidth <= 480);
   
   useError(errorMessage, [errorMessage]);
 
 
+  useEffect(() => {
+    const handleResize = () => setIsMobile(window.innerWidth <= 480);
+    window.addEventListener('resize', handleResize);
+
+    // Cleanup function
+    return () => {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [setIsMobile]);
+
   
   const onModalOpen = () => {
     if (commentRef.current) {
@@ -197,7 +208,7 @@ const ReplyModal = ({ isOpen, closeModal }) => {
     shouldCloseOnOverlayClick={false}
     selectedStyle={selectedStyle}
     overlayClassName="hide-modal-overlay">
-      <Draggable handle=".modal-header" nodeRef={nodeRef}>
+      <Draggable handle=".modal-header" nodeRef={nodeRef} disabled={isMobile}>
         <div className="modal-content" ref={nodeRef}>
           <div className="modal-header">
             Reply to c/{selectedShortCid}