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

lstMobile/src/app/login.tsx

@@ -3,10 +3,14 @@ import axios from "axios";
 import { useRouter } from "expo-router";
 import { useState } from "react";
 import { Alert, Button, Text, View } from "react-native";
+import Toast from "react-native-toast-message";
 import { Input } from "../components/ui/input";
 import { useAppStore } from "../hooks/useAppStore";
 import { useMobileAuthStore } from "../hooks/useMobileAuth";
 
+const formatName = (name?: string) =>
+	name ? name.charAt(0).toUpperCase() + name.slice(1).toLowerCase() : "";
+
 export default function Login() {
 	// doing this causes rerender and sub
 	//const { setUser } = useMobileAuthStore();
@@ -33,12 +37,18 @@ export default function Login() {
 
 			if (res.status === 200) {
 				// this way to set the user is direct and basically a 1 shot
+				Toast.show({
+					type: "success",
+					text1: `Welcome back ${formatName(res.data.data.name)}`,
+				});
 				useMobileAuthStore.getState().setUser(res.data.data);
 				return router.replace("/(tabs)/scanner");
 			}
 		} catch (error) {
 			console.log(error);
-			Alert.alert("Login Error", `Invalid pin please try again`);
+			//Alert.alert("Login Error", `Invalid pin please try again`);
+
+			Toast.show({ type: "error", text1: `Invalid pin please try again` });
 		}
 	};
 

lstMobile/src/app/setup.tsx

@@ -2,6 +2,7 @@ import Constants from "expo-constants";
 import { useRouter } from "expo-router";
 import { useState } from "react";
 import { Alert, Button, Text, TextInput, View } from "react-native";
+import Toast from "react-native-toast-message";
 import { useAppStore } from "../hooks/useAppStore";
 import { useServerStore } from "../hooks/useServerCheck";
 
@@ -31,14 +32,23 @@ export default function Setup() {
 		if (pin === "6971") {
 			setAuth(true);
 		} else {
-			Alert.alert("Incorrect pin entered please try again");
+			//Alert.alert("Incorrect pin entered please try again");
+			Toast.show({
+				type: "error",
+				text1: "Incorrect pin entered please try again",
+			});
 			setPin("");
 		}
 	};
 
 	const handleSave = async () => {
 		if (!serverIp.trim() || !serverPort.trim()) {
-			Alert.alert("Missing info", "Please fill in both fields.");
+			//Alert.alert("Missing info", "Please fill in both fields.");
+			Toast.show({
+				type: "error",
+				text1: "Missing info",
+				text2: "Please fill in both fields.",
+			});
 			return;
 		}
 
@@ -50,7 +60,12 @@ export default function Setup() {
 			isRegistered: true,
 		});
 
-		Alert.alert("Saved", "Config saved to device.");
+		//Alert.alert("Saved", "Config saved to device.");
+		Toast.show({
+			type: "info",
+			text1: "Saved",
+			text2: "Config saved to device.",
+		});
 		//router.replace("/");
 	};
 	return (