refactor(mobile): intial addin of dockdoor scanning on mobile

lstMobile/src/app/_layout.tsx

@@ -2,14 +2,18 @@ import { PortalHost } from "@rn-primitives/portal";
 import { Stack } from "expo-router";
 import { StatusBar } from "expo-status-bar";
 import "../../global.css";
+import { QueryClientProvider } from "@tanstack/react-query";
 import { useEffect } from "react";
 import Toast from "react-native-toast-message";
 import useDeviceLock from "../hooks/useDeviceCheck";
+import { useDeviceOrientationLock } from "../hooks/useDeviceOrientationLock";
+import { queryClient } from "../lib/queryStuff/queryClient";
 import { connectSocket } from "../lib/socket.io";
 import { zebraScanner } from "../lib/ZebraScanner";
 
 export default function RootLayout() {
 	useDeviceLock();
+	useDeviceOrientationLock();
 
 	useEffect(() => {
 		zebraScanner.ensureProfile();
@@ -18,15 +22,18 @@ export default function RootLayout() {
 
 	return (
 		<>
-			<StatusBar style="dark" />
-			<Stack screenOptions={{ headerShown: false }}>
-				<Stack.Screen name="index" />
-				<Stack.Screen name="login" />
-				<Stack.Screen name="setup" />
-				<Stack.Screen name="updateScreen" />
-				<Stack.Screen name="(tabs)" />
-			</Stack>
-			<PortalHost />
+			<QueryClientProvider client={queryClient}>
+				<StatusBar style="dark" />
+				<Stack screenOptions={{ headerShown: false }}>
+					<Stack.Screen name="index" />
+					<Stack.Screen name="login" />
+					<Stack.Screen name="setup" />
+					<Stack.Screen name="updateScreen" />
+					<Stack.Screen name="(tabs)" />
+				</Stack>
+				<PortalHost />
+			</QueryClientProvider>
+
 			<Toast />
 		</>
 	);