add image picker

app/(tabs)/modes/image.tsx

@@ -1,13 +1,27 @@
 import ThemedHeader from "@/src/components/themed/ThemedHeader";
 import React from "react";
 import ThemedBackground from "@/src/components/themed/ThemedBackground";
+import CustomImagePicker from "@/src/components/ImagePicker";
+import {ImagePickerSuccessResult} from "expo-image-picker";
 
 export default function ImageScreen() {
+    const onSuccess = (result: ImagePickerSuccessResult) => {
+        console.log("Image picked successfully", result);
+    }
+    const onFailure = (error: Error) => {
+        console.error("Error picking image", error);
+    }
+
+    const onCanceled = () => {
+        console.log("Image picking canceled");
+    }
+
     return (
         <ThemedBackground>
             <ThemedHeader>
                 Image Mode
             </ThemedHeader>
+            <CustomImagePicker onSuccess={onSuccess} onFailure={onFailure} onCanceled={onCanceled}/>
         </ThemedBackground>
     );
 }