component that render a container that takes full height and width with top corner curved

src/components/WrapperTopEdgeCurved.tsx

+import type React from "react";
+import Box from "./bases/Box";
+
+const WrapperTopEdgeCurved = ({ children }: { children?: React.ReactElement }) => {
+	return (
+		<Box
+			flex={1}
+			backgroundColor={"white"}
+			borderTopLeftRadius={20}
+			borderTopRightRadius={20}
+			p={"l"}
+			flexDirection={"column"}
+		>
+			{children}
+		</Box>
+	);
+};
+
+export default WrapperTopEdgeCurved;