fix: When Menu Is Open Fix Scrollable Background (#488)

What: fix scrollable background when menu is open on mobile display
How: add overflow hidden when menu is open so the bg will not be Scrollable
Why: better user experience

src/App.jsx

@@ -79,7 +79,11 @@ const App = () => {
     };
 
     const [isOpen, setIsOpen] = useState(false);
-    const toggle = () => setIsOpen(!isOpen);
+    const toggle = () => {
+        setIsOpen(!isOpen);
+        const overflowStatus = document.body.style.overflow;
+        document.body.style.overflow = overflowStatus === "hidden" ? "auto" : "hidden";
+    };
 
     const { user } = useSelector((state) => state.auth);