delete 2x choose wallet modal render

src/vva-fe/src/components/organisms/TopNav.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import { NavLink, useNavigate } from "react-router-dom";
 import { AppBar, Box, Grid, IconButton } from "@mui/material";
 
-import { Button, Link, Modal } from "@atoms";
+import { Button, Link } from "@atoms";
 import { ICONS, IMAGES, PATHS, NAV_ITEMS } from "@consts";
 import { useCardano, useModal } from "@context";
 import { useScreenDimension } from "@hooks";
@@ -13,7 +13,7 @@ const POSITION_TO_BLUR = 50;
 
 export const TopNav = ({ isConnectButton = true }) => {
   const [windowScroll, setWindowScroll] = useState<number>(0);
-  const { openModal, closeModal, modal } = useModal();
+  const { openModal } = useModal();
   const [isDrawerOpen, setIsDrawerOpen] = useState<boolean>(false);
   const { screenWidth, isMobile } = useScreenDimension();
   const { isEnabled, disconnectWallet, stakeKey } = useCardano();
@@ -144,14 +144,6 @@ export const TopNav = ({ isConnectButton = true }) => {
           </>
         )}
       </AppBar>
-      {modal?.component && (
-        <Modal
-          open={Boolean(modal.component)}
-          handleClose={!modal.preventDismiss ? closeModal : undefined}
-        >
-          {modal.component}
-        </Modal>
-      )}
     </Box>
   );
 };

src/vva-fe/src/context/index.tsx

@@ -8,11 +8,11 @@ interface Props {
 
 const ContextProviders = ({ children }: Props) => {
   return (
-    <ModalProvider>
-      <SnackbarProvider>
-        <CardanoProvider>{children}</CardanoProvider>
-      </SnackbarProvider>
-    </ModalProvider>
+    <SnackbarProvider>
+      <CardanoProvider>
+        <ModalProvider>{children}</ModalProvider>
+      </CardanoProvider>
+    </SnackbarProvider>
   );
 };