feat(mobile): shadcn like and tailwind added to make things look yummy

lstMobile/src/app/(tabs)/_layout.tsx

@@ -1,19 +1,39 @@
 import { Tabs } from "expo-router";
+import { Home, Settings } from "lucide-react-native";
 import { useAppStore } from "../../hooks/useAppStore";
 
 export default function TabsLayout() {
-    const serverPort = useAppStore((s) => s.serverPort);
-  return (
-    <Tabs
-    screenOptions={{
-        headerShown: false, // Hides the header for all screens in this navigator
-      }}>
-      <Tabs.Screen name="scanner" options={{ title: "Scan" }} />
-      <Tabs.Screen name="config" options={{ title: "settings" }} />
-      <Tabs.Screen name="logs" options={{ title: "Logs",
-        href: parseInt(serverPort || "0", 10) >= 50000 ? null : "/(tabs)/logs",
-       }} 
-      />
-    </Tabs>
-  );
-}
+	const serverPort = useAppStore((s) => s.serverPort);
+	return (
+		<Tabs
+			screenOptions={{
+				headerShown: false, // Hides the header for all screens in this navigator
+			}}
+		>
+			<Tabs.Screen
+				name="scanner"
+				options={{
+					title: "Scan",
+					tabBarIcon: ({ color, size }) => <Home size={size} color={color} />,
+				}}
+			/>
+			<Tabs.Screen
+				name="config"
+				options={{
+					title: "settings",
+					tabBarIcon: ({ color, size }) => (
+						<Settings size={size} color={color} />
+					),
+				}}
+			/>
+			<Tabs.Screen
+				name="logs"
+				options={{
+					title: "Logs",
+					href:
+						parseInt(serverPort || "0", 10) >= 50000 ? null : "/(tabs)/logs",
+				}}
+			/>
+		</Tabs>
+	);
+}