fix missing headers on image source in android (#56905)

Summary:
Discovered that Image headers are not passed to image component correctly for Android

## Changelog:

Added headers to case where image props have headers in sources in Android Images

Pick one each for the category and type tags:

[ANDROID] [FIXED] - Source props in image headers in Android

Pull Request resolved: #56905

Test Plan: Added platform specific tests and validated headers were not ignored, removed them as don't want to create separate tests for this one specific case.

Reviewed By: christophpurrer

Differential Revision: D105848841

Pulled By: Abbondanzo

fbshipit-source-id: 2a2eff155d54b2f794bcbd9f92a67e9446721907

Author: humaidk2

packages/react-native/Libraries/Image/Image.android.js

@@ -124,6 +124,7 @@ const EMPTY_IMAGE_SOURCE = {
   uri: undefined,
   width: undefined,
   height: undefined,
+  headers: undefined,
 };
 
 /**
@@ -215,10 +216,18 @@ let BaseImage: AbstractImageAndroid = ({
     ];
     nativeProps.source = source_;
   } else {
-    const {uri, width: sourceWidth, height: sourceHeight} = source_;
+    const {
+      uri,
+      width: sourceWidth,
+      height: sourceHeight,
+      headers: sourceHeaders,
+    } = source_;
     if (uri === '') {
       console.warn('source.uri should not be an empty string');
     }
+    if (sourceHeaders != null) {
+      nativeProps.headers = sourceHeaders;
+    }
     nativeProps.style = [
       {width: sourceWidth ?? width, height: sourceHeight ?? height},
       styles.base,

packages/react-native/Libraries/Image/__tests__/Image-test.js

@@ -340,4 +340,34 @@ describe('Image', () => {
       'foo-bar.jpg',
     ]);
   });
+
+  it('forwards source.headers as a top-level prop on Android', async () => {
+    jest.dontMock('../Image.android');
+    // $FlowFixMe[missing-platform-support] headers are forwarded as a top-level native prop only on Android
+    const ImageAndroid = require('../Image.android').default;
+
+    const instance = await render.create(
+      <ImageAndroid
+        source={{uri: 'foo-bar.jpg', headers: {Authorization: 'Bearer xyz'}}}
+      />,
+    );
+
+    const tree = instance.toJSON();
+    expect(tree?.props.headers).toEqual({Authorization: 'Bearer xyz'});
+  });
+
+  it('forwards source.headers as a top-level prop on Android for array sources', async () => {
+    jest.dontMock('../Image.android');
+    // $FlowFixMe[missing-platform-support] headers are forwarded as a top-level native prop only on Android
+    const ImageAndroid = require('../Image.android').default;
+
+    const instance = await render.create(
+      <ImageAndroid
+        source={[{uri: 'foo-bar.jpg', headers: {Authorization: 'Bearer xyz'}}]}
+      />,
+    );
+
+    const tree = instance.toJSON();
+    expect(tree?.props.headers).toEqual({Authorization: 'Bearer xyz'});
+  });
 });