create a wrapper that will provide the default brackground and a safeareaview…

src/components/wrappers/WrapperWithDefaultBeasyBackgroundAndSafeAreaTopLeftRight.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 WrapperWithDefaultBeasyBackgroundAndSafeAreaTopLeftRight = ({ children }: Props) => {
+	return (
+		<BeasyDefaultBackground>
+			<SafeAreaView edges={["top", "left", "right"]}>{children}</SafeAreaView>
+		</BeasyDefaultBackground>
+	);
+};
+
+export default WrapperWithDefaultBeasyBackgroundAndSafeAreaTopLeftRight;