fix(mobile): ui over lapping

the ui elements would over lap and cause visual issues with the scanning and seeing the old labels

closes #25

lstMobile/src/components/UpdateFooter.tsx

@@ -13,28 +13,30 @@ export function GlobalFooter() {
 	if (serverVersion && serverVersion?.versionCode <= build) return;
 	return (
 		<View>
-			<View>
-				{hasUpdate && (
-					<View className="items-center h-[75px] bg-[#EB091A]">
-						<Link href={"/updateScreen"}>
-							<Text className="h-[75px] font-medium text-base text-wrap text-center">
-								Critical updates pending, once you are completed with your task
-								please click me for instructions to update
-							</Text>
-						</Link>
-					</View>
-				)}
+			{(hasUpdate || shouldUpdate) && (
+				<View className="bg-slate-500">
+					{hasUpdate && (
+						<View className="items-center h-[75px] bg-[#EB091A] justify-center">
+							<Link href="/updateScreen">
+								<Text className="font-medium text-base text-center">
+									Critical updates pending, once you are completed with your
+									task please click me for instructions to update
+								</Text>
+							</Link>
+						</View>
+					)}
 
-				{!hasUpdate && shouldUpdate && (
-					<View className="bg-[#FDBA74]">
-						<Link href={"/updateScreen"}>
-							<Text className="h-[16] font-medium text-base text-wrap text-center">
-								There is an update click me for instructions
-							</Text>
-						</Link>
-					</View>
-				)}
-			</View>
+					{!hasUpdate && shouldUpdate && (
+						<View className="bg-[#FDBA74] py-2 items-center">
+							<Link href="/updateScreen">
+								<Text className="font-medium text-base text-center">
+									There is an update click me for instructions
+								</Text>
+							</Link>
+						</View>
+					)}
+				</View>
+			)}
 		</View>
 	);
 }