Update logic for profile creation

app/(auth)/main/index.tsx

@@ -4,6 +4,10 @@ import { View, TextField, Picker, Checkbox } from "react-native-ui-lib";
 import useAuth from "@/hooks/firebase/useAuth";
 import useChildren from "@/hooks/firebase/useChildren";
 import useCaregivers from "@/hooks/firebase/useCaregivers";
+import {useCreateSubUser} from "@/hooks/firebase/useCreateSubUser";
+import {email} from "@sideway/address";
+import {UserProfile} from "@/hooks/firebase/types/profileTypes";
+import {uuidv4} from "@firebase/util";
 
 const Screen: React.FC = () => {
   const {
@@ -17,6 +21,7 @@ const Screen: React.FC = () => {
     handleSignOut,
     handleProfileTypeSelection,
     handleRegister,
+
   } = useAuth();
 
   const {
@@ -35,6 +40,22 @@ const Screen: React.FC = () => {
     handleNewCaregiver,
   } = useCaregivers();
 
+    const {mutateAsync: createSubUser} = useCreateSubUser()
+
+    const createNewSubUser = async (userProfile: UserProfile) => {
+        await createSubUser({...userProfile, email: `${uuidv4()}@test.com`})
+        // createSubUser({
+        //     email,
+        //     password,
+        //     userType: profileType!,
+        //     name: "",
+        //     contact: "+381628334",
+        //     ...child
+        // })
+        await fetchChildren();
+        await fetchCaregivers();
+  }
+
   useEffect(() => {
     if (user) {
       fetchChildren();
@@ -131,8 +152,7 @@ const Screen: React.FC = () => {
           <Button
             title="Add Child"
             onPress={() => {
-              handleNewChild(child);
-              fetchChildren();
+                createNewSubUser(child);
             }}
           />
           <TextField
@@ -174,8 +194,7 @@ const Screen: React.FC = () => {
           <Button
             title="Add Caregiver"
             onPress={() => {
-              handleNewCaregiver(caregiver);
-              fetchCaregivers();
+                createNewSubUser(caregiver);
             }}
           />
           <View margin-20>