fix: modal visibility

src/components/ContainerComponents/ViewContainer/ViewContainer.tsx

@@ -28,8 +28,8 @@ export const ViewContainer = () => {
       <Layout>
         <AppContextProvider>
           <Navbar />
+          <WelcomeModalContainer />
           <Main>
-            <WelcomeModalContainer />
             <Content className="app-content">
               <ScrollToTop>
                 <Switch>

src/components/ContainerComponents/WelcomeModalContainer/WelcomeModalContainer.tsx

@@ -41,7 +41,9 @@ const WelcomeModalContainer: React.FC<WelcomeModalContainerProps> = ({
         .query(client.find(USERPROFILE_DOCTYPE).limitBy(1))
         .then(async ({ data }) => {
           const welcomeModalState = data[0].haveSeenWelcomeModal
-          setModalOpen(!welcomeModalState)
+          if (!welcomeModalState) {
+            setModalOpen(true)
+          }
         })
     }
     getWelcomeModalState()