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

@@ -44,7 +44,8 @@
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "react-native-gesture-handler": "~2.13.1"
+    "react-native-gesture-handler": "~2.13.1",
+    "react-native-safe-area-context": "^5.6.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.25",

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,