Disable scrolling when drawer open, but modal isn't

If you open the drawer it should block scrolling of
the elements behind it, but once the dynamic modal opens
it should stop doing it, otherwise it'll block
the modal's scrolling too

src/views/home/AccountListWithDrawer.tsx

@@ -5,12 +5,14 @@ import AccountCard from "../../components/AccountDrawer";
 import { useAllAccounts } from "../../utils/hooks/accountHooks";
 import { AccountsList } from "./AccountsList";
 import { DrawerTopButtons } from "./DrawerTopButtons";
+import { useDynamicModal } from "../../components/DynamicModal";
 
 const AccountListWithDrawer: React.FC = () => {
   const [selected, setSelected] = useState<string | null>(null);
   const allAccounts = useAllAccounts();
 
   const { isOpen, onClose: closeDrawer, onOpen } = useDisclosure();
+  const { isOpen: isDynamicModalOpen } = useDynamicModal();
 
   const handleClose = () => {
     setSelected(null);
@@ -28,7 +30,7 @@ const AccountListWithDrawer: React.FC = () => {
         }}
       />
       <Drawer
-        blockScrollOnMount={false}
+        blockScrollOnMount={!isDynamicModalOpen}
         isOpen={isOpen}
         placement="right"
         onClose={handleClose}

src/views/nfts/NftsView.tsx

@@ -10,12 +10,14 @@ import { useAllNfts } from "../../utils/hooks/assetsHooks";
 import { DrawerTopButtons } from "../home/DrawerTopButtons";
 import NFTDrawerCard from "./NFTDrawerCard";
 import NFTGallery from "./NFTGallery";
+import { useDynamicModal } from "../../components/DynamicModal";
 
 const NFTsViewBase = () => {
   const nfts = useAllNfts();
   const { accountsFilter, selectedAccounts } = useAccountsFilter();
   const navigate = useNavigate();
   const { ownerPkh, nftId } = useParams();
+  const { isOpen: isDynamicModalOpen } = useDynamicModal();
 
   const openNFTsPage = useCallback(() => {
     navigate(`/nfts`);
@@ -58,7 +60,7 @@ const NFTsViewBase = () => {
           </Box>
 
           <Drawer
-            blockScrollOnMount={false}
+            blockScrollOnMount={!isDynamicModalOpen}
             placement="right"
             onClose={openNFTsPage}
             size="md"

src/views/settings/BeaconDrawerCard.tsx

@@ -14,15 +14,16 @@ import { SettingsCardWithDrawerIcon } from "../../components/ClickableCard";
 import { useAddPeer } from "../../utils/beacon/beacon";
 import BeaconPeers from "../../utils/beacon/BeaconPeers";
 import { DrawerTopButtons } from "../home/DrawerTopButtons";
+import { useDynamicModal } from "../../components/DynamicModal";
 
 export const BeaconDrawerCard = () => {
   const { isOpen, onClose: closeDrawer, onOpen } = useDisclosure();
-
+  const { isOpen: isDynamicModalOpen } = useDynamicModal();
   return (
     <>
       <SettingsCardWithDrawerIcon left="dApps" onClick={onOpen} />
       <Drawer
-        blockScrollOnMount={false}
+        blockScrollOnMount={!isDynamicModalOpen}
         isOpen={isOpen}
         placement="right"
         onClose={closeDrawer}

src/views/settings/ErrorLogsDrawerCard.tsx

@@ -18,9 +18,11 @@ import { ErrorContext } from "../../utils/getErrorContext";
 import { useAppSelector } from "../../utils/redux/hooks";
 import { DrawerTopButtons } from "../home/DrawerTopButtons";
 import { nanoid } from "@reduxjs/toolkit";
+import { useDynamicModal } from "../../components/DynamicModal";
 
 const ErrorLogsDrawerCard = () => {
   const { isOpen, onClose: closeDrawer, onOpen } = useDisclosure();
+  const { isOpen: isDynamicModalOpen } = useDynamicModal();
 
   const handleClose = () => {
     closeDrawer();
@@ -30,7 +32,7 @@ const ErrorLogsDrawerCard = () => {
     <>
       <SettingsCardWithDrawerIcon left="ErrorLogs" onClick={onOpen} />
       <Drawer
-        blockScrollOnMount={false}
+        blockScrollOnMount={!isDynamicModalOpen}
         isOpen={isOpen}
         placement="right"
         onClose={handleClose}