refactor: 💡 Replaced the deprecated SafeAreaView from react-nat

Replaced the deprecated SafeAreaView from react-native with the one from
react-native-safe-area-context to ensure compatibility with newer
versions and proper safe area handling.

Author: FillipeDiord

package-lock.json

@@ -66,6 +66,7 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-gesture-handler": "*"
+    "react-native-gesture-handler": "*",
+    "react-native-safe-area-context": "*"
   }
 }

package.json

@@ -16,14 +16,15 @@ import {
   Image,
   Modal,
   Platform,
-  SafeAreaView,
   StyleSheet,
   Text,
   TextInput,
   TouchableOpacity,
   View,
 } from 'react-native';
 
+import { SafeAreaView } from 'react-native-safe-area-context';
+
 import { FlatList, ScrollView } from 'react-native-gesture-handler';
 import {
   ASCII_CODE,