typo fixes and code improvements

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}