wrapper but with full safe area

src/components/wrappers/WrapperWithDefaultBeasyBackgroundAndSafeAreaFull.tsx

+import BeasyDefaultBackground from "@components/backgrounds/BeasyDefaultBackground";
+import type React from "react";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+type Props = { children: React.ReactNode };
+
+const WrapperWithDefaultBeasyBackgroundAndSafeAreaFull = ({ children }: Props) => {
+	return (
+		<BeasyDefaultBackground>
+			<SafeAreaView edges={["top", "bottom", "left", "right"]}>{children}</SafeAreaView>
+		</BeasyDefaultBackground>
+	);
+};
+
+export default WrapperWithDefaultBeasyBackgroundAndSafeAreaFull;