a goBack props that will show a back button if set to true

src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx

 import BeasyLogoIcon from "@components/BeasyLogoIcon";
+import GoBackIconButton from "@components/GoBackIconButton";
 import WrapperTopEdgeCurved from "@components/WrapperTopEdgeCurved";
 import Box from "@components/bases/Box";
+import { useNavigation } from "@react-navigation/native";
 import type { ReactElement } from "react";
 import BackgroundDefault from "./BackgroundDefault";
 
-const BackgroundWithBeasyIconAndWhiteContentArea = ({ children }: { children?: ReactElement }) => {
+const BackgroundWithBeasyIconAndWhiteContentArea = ({
+	children,
+	goBack = false,
+}: { children?: ReactElement; goBack?: boolean }) => {
+	const navigation = useNavigation();
 	return (
 		<BackgroundDefault>
 			<Box
@@ -15,6 +21,7 @@ const BackgroundWithBeasyIconAndWhiteContentArea = ({ children }: { children?: R
 				mb={"m"}
 			>
 				<BeasyLogoIcon />
+				{goBack && <GoBackIconButton onPress={() => navigation.goBack()} />}
 			</Box>
 			<WrapperTopEdgeCurved>{children}</WrapperTopEdgeCurved>
 		</BackgroundDefault>