fix(react-native): import icons via .js specifier — .jsx breaks tsc dist + Metro

The package convention (and every other .tsx import in src/) uses the
.js specifier so tsc's emitted dist keeps resolving after compilation;
'./icons.jsx' compiled through and then failed Metro's resolution from
dist/ui/index.js. Caught by the demo's expo export bundle check.

Author: ra-sun-god

packages/react-native/src/ui/index.ts

@@ -60,7 +60,7 @@ export {
   RetryIcon,
   WalletGlyphIcon,
   type IconProps,
-} from './icons.jsx';
+} from './icons.js';
 export { QrCodeView, type QrCodeViewProps } from './qr/QrCodeView.js';
 export { generateQrMatrix, qrMatrixToRects, type QrMatrix, type QrRect, type QrEcLevel } from './qr/qr-matrix.js';
 export {

packages/react-native/src/ui/views/ConnectingView.tsx

@@ -30,7 +30,7 @@ import { Animated, Pressable, Text, View } from 'react-native';
 import { t } from '@saganta/stellar-appkit';
 import { useBreathe, useEntranceStagger } from '../animations.js';
 import { SquircleArc } from '../SquircleArc.js';
-import { RetryIcon } from '../icons.jsx';
+import { RetryIcon } from '../icons.js';
 import { WalletIcon } from '../WalletIcon.js';
 import { SQUIRCLE_SPEC } from '../squircle-track.js';
 import type { AppKitStyles } from '../styles.js';

packages/react-native/src/ui/views/ErrorView.tsx

@@ -13,7 +13,7 @@
 import React from 'react';
 import { Pressable, Text, View } from 'react-native';
 import { t } from '@saganta/stellar-appkit';
-import { AlertCircleIcon } from '../icons.jsx';
+import { AlertCircleIcon } from '../icons.js';
 import type { AppKitStyles } from '../styles.js';
 import type { ConnectThemeRN } from '../theme.js';
 

packages/react-native/src/ui/views/HeaderView.tsx

@@ -17,7 +17,7 @@
 import React from 'react';
 import { Image, Pressable, Text, View, type ImageSourcePropType } from 'react-native';
 import { t } from '@saganta/stellar-appkit';
-import { ChevronLeftIcon, CloseIcon } from '../icons.jsx';
+import { ChevronLeftIcon, CloseIcon } from '../icons.js';
 import { WalletIcon } from '../WalletIcon.js';
 import type { AppKitStyles } from '../styles.js';
 import type { ConnectThemeRN } from '../theme.js';

packages/react-native/src/ui/views/SigningView.tsx

@@ -18,7 +18,7 @@ import { Animated, Pressable, Text, View } from 'react-native';
 import { t } from '@saganta/stellar-appkit';
 import { useBreathe, useEntranceStagger } from '../animations.js';
 import { SquircleArc } from '../SquircleArc.js';
-import { CircleXIcon, RetryIcon } from '../icons.jsx';
+import { CircleXIcon, RetryIcon } from '../icons.js';
 import { WalletIcon } from '../WalletIcon.js';
 import { SQUIRCLE_SPEC } from '../squircle-track.js';
 import type { AppKitStyles } from '../styles.js';

packages/react-native/src/ui/views/SiwsView.tsx

@@ -26,7 +26,7 @@ import { Animated, Pressable, Text, View } from 'react-native';
 import { t } from '@saganta/stellar-appkit';
 import { useBreathe, useEntranceStagger } from '../animations.js';
 import { SquircleArc } from '../SquircleArc.js';
-import { RetryIcon } from '../icons.jsx';
+import { RetryIcon } from '../icons.js';
 import { WalletIcon } from '../WalletIcon.js';
 import { SQUIRCLE_SPEC } from '../squircle-track.js';
 import type { AppKitStyles } from '../styles.js';