feat(edit-profile): validation on displayname not empty

Author: HelanaNady

src/screens/profile/EditProfileScreen.tsx

@@ -230,10 +230,11 @@ const EditProfileScreen = () => {
           onPress={() => {
             handleFormSubmit();
           }}
+          disabled={isLoading || formData.displayName?.length === 0}
         />
       ),
     });
-  }, [navigation, handleFormSubmit]);
+  }, [navigation, handleFormSubmit, formData, isLoading]);
 
   if (isLoading) {
     return (
@@ -294,6 +295,8 @@ const EditProfileScreen = () => {
                 setFormDataChanged(true);
               }}
               autoCapitalize="none"
+              multiline={true}
+              numberOfLines={4}
             />
             <TextInput
               value={formData.location}

src/types/user.ts

@@ -1,12 +1,12 @@
 export interface UserData {
   username: string;
   displayName: string;
-  bio: string;
+  bio: string | null;
   bioEntities: BioEntities;
   avatarUrl: string | null;
   bannerUrl: string | null;
   location: string | null;
-  websiteUrl: string;
+  websiteUrl: string | null;
   birthDate: string | null;
   joinedAt: string;
   relationship: {