using new SafeAreaView for the example app

Author: wesrisenmay-mx

example/app/budgets.tsx

@@ -1,5 +1,6 @@
 import React from "react"
-import { SafeAreaView, StyleSheet, Platform } from "react-native"
+import { StyleSheet, Platform } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 
 import { BudgetsWidget } from "@mxenabled/react-native-widget-sdk"
 

example/app/connect.tsx

@@ -1,5 +1,6 @@
 import React from "react"
-import { SafeAreaView, StyleSheet, Platform } from "react-native"
+import { StyleSheet, Platform } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 import * as Linking from "expo-linking"
 
 import { ConnectWidget } from "@mxenabled/react-native-widget-sdk"

example/app/goals.tsx

@@ -1,5 +1,6 @@
 import React from "react"
-import { SafeAreaView, StyleSheet, Platform } from "react-native"
+import { StyleSheet, Platform } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 
 import { GoalsWidget } from "@mxenabled/react-native-widget-sdk"
 

example/app/index.tsx

@@ -1,5 +1,6 @@
 import React, { FC, PropsWithChildren } from "react"
-import { SafeAreaView, Text, View, StyleSheet } from "react-native"
+import { Text, View, StyleSheet } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 import { Link } from "expo-router"
 
 const styles = StyleSheet.create({

example/app/pulse.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { SafeAreaView, StyleSheet, Platform } from "react-native"
-
+import { StyleSheet, Platform } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 import { PulseWidget } from "@mxenabled/react-native-widget-sdk"
 
 const baseUrl = Platform.OS === "android" ? "http://10.0.2.2:8089" : "http://localhost:8089"

example/app/spending.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { SafeAreaView, StyleSheet, Platform } from "react-native"
-
+import { StyleSheet, Platform } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 import { SpendingWidget } from "@mxenabled/react-native-widget-sdk"
 
 const baseUrl = Platform.OS === "android" ? "http://10.0.2.2:8089" : "http://localhost:8089"

example/app/transactions.tsx

@@ -1,6 +1,6 @@
 import React from "react"
-import { SafeAreaView, StyleSheet, Platform } from "react-native"
-
+import { StyleSheet, Platform } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
 import { TransactionsWidget } from "@mxenabled/react-native-widget-sdk"
 
 const baseUrl = Platform.OS === "android" ? "http://10.0.2.2:8089" : "http://localhost:8089"