typo fixes and code improvements

app/(auth)/sign-up.tsx

@@ -222,6 +222,7 @@ const SignUp = () => {
           <View className="bg-white px-7 py-9 rounded-2xl min-h-[300px]">
             <Image
               source={images.check}
+              alt="Check"
               className="w-[110px] h-[110px] mx-auto my-5"
             />
 

app/(root)/(tabs)/chat.tsx

@@ -8,6 +8,7 @@ const Chat = () => {
     <SafeAreaView className="flex-1 bg-white p-5">
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
         <Text className="text-2xl font-JakartaBold">Chat</Text>
+
         <View className="flex-1 h-fit flex justify-center items-center">
           <Image
             source={images.message}
@@ -15,9 +16,11 @@ const Chat = () => {
             className="w-full h-40"
             resizeMode="contain"
           />
+
           <Text className="text-3xl font-JakartaBold mt-3">
             No Messages Yet
           </Text>
+
           <Text className="text-base mt-2 text-center px-7">
             Start a conversation with your friends and family
           </Text>

app/(root)/(tabs)/profile.tsx

@@ -13,13 +13,14 @@ const Profile = () => {
         className="px-5"
         contentContainerStyle={{ paddingBottom: 120 }}
       >
-        <Text className="text-2xl font-JakartaBold my-5">My profile</Text>
+        <Text className="text-2xl font-JakartaBold my-5">My Profile</Text>
 
         <View className="flex items-center justify-center my-5">
           <Image
             source={{
               uri: user?.externalAccounts[0]?.imageUrl ?? user?.imageUrl,
             }}
+            alt="Your Avatar"
             style={{ width: 110, height: 110, borderRadius: 110 / 2 }}
             className=" rounded-full h-[110px] w-[110px] border-[3px] border-white shadow-sm shadow-neutral-300"
           />

app/(root)/book-ride.tsx

@@ -84,7 +84,7 @@ const BookRide = () => {
 
           <View className="flex flex-col w-full items-start justify-center mt-5">
             <View className="flex flex-row items-center justify-start mt-3 border-t border-b border-general-700 w-full py-3">
-              <Image source={icons.to} className="w-6 h-6" />
+              <Image source={icons.to} alt="To" className="w-6 h-6" />
 
               <Text className="text-lg font-JakartaRegular ml-2">
                 {userAddress}
@@ -92,7 +92,7 @@ const BookRide = () => {
             </View>
 
             <View className="flex flex-row items-center justify-start border-b border-general-700 w-full py-3">
-              <Image source={icons.point} className="w-6 h-6" />
+              <Image source={icons.point} alt="Point" className="w-6 h-6" />
 
               <Text className="text-lg font-JakartaRegular ml-2">
                 {destinationAddress}

components/google-text-input.tsx

@@ -77,6 +77,7 @@ export const GoogleTextInput = ({
           >
             <Image
               source={icon ? icon : icons.search}
+              alt="Search"
               className="w-6 h-6"
               resizeMode="contain"
             />

components/oauth.tsx

@@ -1,12 +1,12 @@
 import { useOAuth } from "@clerk/clerk-expo";
+import { router } from "expo-router";
 import { useCallback } from "react";
 import { Image, Text, View } from "react-native";
 
 import { icons } from "@/constants";
+import { googleOAuth } from "@/lib/auth";
 
 import { CustomButton } from "./custom-button";
-import { googleOAuth } from "@/lib/auth";
-import { router } from "expo-router";
 
 type OAuthProps = {
   title: string;

components/ride-card.tsx

@@ -24,6 +24,7 @@ export const RideCard = ({ ride }: { ride: Ride }) => {
             source={{
               uri: `https://maps.geoapify.com/v1/staticmap?style=osm-bright&width=600&height=400&center=lonlat:${destination_longitude},${destination_latitude}&zoom=14&apiKey=${process.env.EXPO_PUBLIC_GEOAPIFY_API_KEY}`,
             }}
+            alt="Map"
             className="w-[80px] h-[90px] rounded-lg"
           />