a container that will apply the right safe area to its children

src/components/containers/SafeAreaViewTopLeftRightFull.tsx

+import Box from "@components/bases/Box";
+import type React from "react";
+import {} from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+const SafeAreaViewTopLeftRightFull = ({ children }: { children: React.ReactNode }) => {
+	return (
+		<SafeAreaView edges={["top", "left", "right"]}>
+			<Box
+				style={{
+					height: "100%",
+					width: "100%",
+				}}
+			>
+				{children}
+			</Box>
+		</SafeAreaView>
+	);
+};
+
+export default SafeAreaViewTopLeftRightFull;