navigation container on top of everything beside ThemeProvider

App.tsx

@@ -9,9 +9,9 @@ import { StyleSheet } from "react-native";
 export default function App() {
 	return (
 		<ThemeProvider theme={theme}>
-			<ProvideQueryClient>
-				<UserAuthenticationContextProvider>
-					<NavigationContainer>
+			<NavigationContainer>
+				<ProvideQueryClient>
+					<UserAuthenticationContextProvider>
 						{/* <View style={styles.container}> */}
 						{/* <SafeAreaProvider>
 					<StatusBar style="auto" />
@@ -19,9 +19,9 @@ export default function App() {
 				</SafeAreaProvider> */}
 						<UnloggedUserStackNavigation />
 						{/* </View> */}
-					</NavigationContainer>
-				</UserAuthenticationContextProvider>
-			</ProvideQueryClient>
+					</UserAuthenticationContextProvider>
+				</ProvideQueryClient>
+			</NavigationContainer>
 		</ThemeProvider>
 	);
 }