basic of the qr code screen

src/screens/WaveQrCodePaymentScreen.tsx

+import type { MainStackScreenComponentProps } from "@/navigations/Types";
+import BackgroundWithBeasyIconAndWhiteContentArea from "@components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea";
+import Box from "@components/bases/Box";
+import Text from "@components/bases/Text";
+import { LOG } from "@logger";
+
+const log = LOG.extend("WaveQrCodePaymentScreen");
+
+const WaveQrCodePaymentScreen: MainStackScreenComponentProps<"waveQrCodePaymentScreen"> = ({
+	route,
+	navigation,
+}) => {
+	return (
+		<BackgroundWithBeasyIconAndWhiteContentArea goBack={true}>
+			<Box
+				style={{
+					height: "100%",
+					width: "100%",
+				}}
+				p={"m"}
+			>
+				<Text>WaveQrCodePaymentScreen</Text>
+			</Box>
+		</BackgroundWithBeasyIconAndWhiteContentArea>
+	);
+};
+
+export default WaveQrCodePaymentScreen;