refine platform check for native functionality in AccountSettings and Settings components

src/views/Settings/AccountSettings.jsx

@@ -1,5 +1,5 @@
 import { Capacitor } from '@capacitor/core'
-import { Box, Button, Container, Divider, Typography } from '@mui/joy'
+import { Box, Button, Typography } from '@mui/joy'
 import { Purchases } from '@revenuecat/purchases-capacitor'
 import { useQueryClient } from '@tanstack/react-query'
 import moment from 'moment'
@@ -66,14 +66,14 @@ const AccountSettings = () => {
 
   if (!userProfile) {
     return (
-      <SettingsLayout title="Account Settings">
+      <SettingsLayout title='Account Settings'>
         <div>Loading...</div>
       </SettingsLayout>
     )
   }
 
   return (
-    <SettingsLayout title="Account Settings">
+    <SettingsLayout title='Account Settings'>
       <div className='grid gap-4'>
         <Typography level='body-md'>
           Change your account settings, type or update your password
@@ -94,7 +94,10 @@ const AccountSettings = () => {
                 userProfile?.subscription !== 'cancelled')
             }
             onClick={async () => {
-              if (Capacitor.isNativePlatform()) {
+              if (
+                Capacitor.isNativePlatform() &&
+                Capacitor.getPlatform() === 'ios'
+              ) {
                 try {
                   const { RevenueCatUI } = await import(
                     '@revenuecat/purchases-capacitor-ui'

src/views/Settings/Settings.jsx

@@ -712,7 +712,10 @@ const Settings = () => {
                 userProfile?.subscription !== 'cancelled')
             }
             onClick={async () => {
-              if (Capacitor.isNativePlatform()) {
+              if (
+                Capacitor.isNativePlatform() &&
+                Capacitor.getPlatform() === 'ios'
+              ) {
                 try {
                   const { RevenueCatUI } = await import(
                     '@revenuecat/purchases-capacitor-ui'