refactor(scanner): added toasts in to make it look better

lstMobile/src/components/LSTScanner.tsx

@@ -1,5 +1,6 @@
 import axios from "axios";
 import { format } from "date-fns-tz";
+import { useFocusEffect } from "expo-router";
 import { useCallback, useEffect, useState } from "react";
 import { Alert, Button, Text, View } from "react-native";
 import { useAppStore } from "../hooks/useAppStore";
@@ -90,7 +91,9 @@ export default function LSTScanner() {
 					user: user?.name ?? "prodScan",
 					runningNumber: scan.data.startsWith("000")
 						? parseInt(scan.data.slice(10, -1) || "000", 10).toString()
-						: "0",
+						: scan.data.startsWith("loc")
+							? scan.data
+							: "0",
 				});
 			} catch (error) {
 				console.log(error);
@@ -153,20 +156,21 @@ export default function LSTScanner() {
 
 	//console.log(lastScan);
 
-	useEffect(() => {
-		zebraScanner.ensureProfile();
-		zebraScanner.startListening();
+	useFocusEffect(
+		useCallback(() => {
+			zebraScanner.startListening();
 
-		const sub = zebraScanner.addScanListener((scan) => {
-			//console.log("SCAN:", scan);
-			handleScan(scan);
-		});
+			const sub = zebraScanner.addScanListener((scan) => {
+				//console.log("SCAN:", scan);
+				handleScan(scan);
+			});
 
-		return () => {
-			sub.remove();
-			zebraScanner.stopListening();
-		};
-	}, [handleScan]);
+			return () => {
+				sub.remove();
+				zebraScanner.stopListening();
+			};
+		}, [handleScan]),
+	);
 	return (
 		<View className={`${bgColor ?? ""} flex-1 w-screen`}>
 			<View style={{ alignItems: "center", margin: 5 }}>