Refactor and Finalize useMediaPicker Hook for Unified Media Handling

[HarwinderSingh15]

🔄 Pull Request: Refactor and Finalize useMediaPicker Hook for Unified Media Handling

📌 Summary

This PR finalizes and cleans up the implementation of the useMediaPicker custom React hook. It enables streamlined handling of images, videos, and documents from the device's library, camera, or file system, while also managing permissions, thumbnails, and media state.

---

✅ Features & Improvements

• ✅ Supports picking from:

  • Media Library (chooseImageFromLibrary)
  • Camera (pickImageWithCamera)
  • Files/Documents (pickDocument)

• ✅ Handles permissions (media and camera) automatically

• ✅ Supports both single and multiple media selections

• ✅ Generates video thumbnails (with expo-video-thumbnails)

• ✅ Unified structure for MediaAsset and DocumentAsset

• ✅ State management:

  • media: single selected asset
  • multipleMedia: multiple selected assets
  • thumbnail: generated preview for video
  • loading: boolean indicating async operations in progress

• ✅ Utility function: resetMedia() to clear selections

---

🧠 Hook Usage

const {
  media,
  thumbnail,
  loading,
  multipleMedia,
  chooseImageFromLibrary,
  pickImageWithCamera,
  pickDocument,
  resetMedia,
} = useMediaPicker(mediaType, options);

• mediaType: Accepts MediaType.Images, MediaType.Videos, or both
• options: Optional ImagePickerOptions (e.g., editing, multiple selection)

---

🧪 Example Use Cases

• Profile image or video uploads
• Chat media attachments
• Document uploads in forms
• Custom camera integrations

---

🧹 Cleaned Up

• Removed duplicate state and effect declarations
• Ensured consistent return structure
• Removed redundant function definitions and permission logic
• Ensured proper dependency handling in hooks