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"
           />