fix(mobile/uploads): read picked image as bytes

RN's fetch(file://).blob() can come back as size 0 on Android,
making the PUT succeed but storing an empty object — which
looks to the user like "upload worked but the photo won't
load." Switch to arrayBuffer + Uint8Array for a reliable body.
Keep a temporary size / status log to confirm in Metro.

Author: Aqib-Rime

apps/mobile/features/uploads/hooks/use-photo-upload.ts

@@ -50,16 +50,34 @@ async function uploadAsset(
     contentType,
   });
 
-  // Convert the local file URI into a Blob the upload expects.
+  // Read the picked file's raw bytes. Using arrayBuffer() instead of blob()
+  // avoids a React Native quirk where blob() can come back with size 0 on
+  // Android, which makes the PUT succeed but store an empty object.
   const fileResponse = await fetch(asset.uri);
-  const blob = await fileResponse.blob();
+  const arrayBuffer = await fileResponse.arrayBuffer();
+  const bytes = new Uint8Array(arrayBuffer);
+
+  console.log(
+    "[upload] asset.uri=",
+    asset.uri,
+    "size=",
+    bytes.byteLength,
+    "type=",
+    contentType,
+  );
+
+  if (bytes.byteLength === 0) {
+    throw new Error("Picked image came back empty; pick it again.");
+  }
 
   const putResponse = await fetch(uploadUrl, {
     method: "PUT",
     headers: { "Content-Type": contentType },
-    body: blob,
+    body: bytes,
   });
 
+  console.log("[upload] PUT status=", putResponse.status, "public=", publicUrl);
+
   if (!putResponse.ok) {
     throw new Error(
       `Upload failed (${putResponse.status}): ${await putResponse.text()}`,