[cli] fix: Change imports for deprecated SafeAreView from react-native

.changeset/fair-keys-win.md

@@ -0,0 +1,6 @@
+---
+'create-expo-stack': minor
+'rn-new': minor
+---
+
+Change imports for deprecated SafeAreView from react-native

cli/src/templates/base/components/Container.tsx.ejs

@@ -1,4 +1,7 @@
-import { StyleSheet, SafeAreaView } from 'react-native';
+
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { StyleSheet } from 'react-native';
+
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView style={styles.container}>{children}</SafeAreaView>;

cli/src/templates/packages/nativewind/components/Container.tsx.ejs

@@ -1,9 +1,9 @@
-import { SafeAreaView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView className={styles.container}>{children}</SafeAreaView>;
 };
 
 const styles = {
   container: "flex flex-1 m-6"
-};
+};

cli/src/templates/packages/nativewindui/components/Container.tsx.ejs

@@ -1,4 +1,5 @@
-import { StyleSheet, SafeAreaView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { StyleSheet } from 'react-native';
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView style={styles.container}>{children}</SafeAreaView>;