Update to structure

frontend/src/pages/VideoPage.tsx

@@ -0,0 +1,36 @@
+import React, { useState, useEffect } from 'react';
+import Button from '../components/Layout/Button';
+import CheckoutForm, { Return } from '../components/Checkout/CheckoutForm';
+
+const VideoPage: React.FC = () => {
+	const [showCheckout, setShowCheckout] = useState(false);
+	  const showReturn = window.location.search.includes('session_id');
+	
+	useEffect(() => {
+		if (showCheckout) {
+		  document.body.style.overflow = "hidden";
+		} else {
+		  document.body.style.overflow = "unset";
+		}
+		// Cleanup function to ensure overflow is restored when component unmounts
+		return () => {
+		  document.body.style.overflow = "unset";
+		};
+	}, [showCheckout]);
+	
+	return (
+		<div>
+			<h1>Hello!</h1>
+
+			<Button
+        title="Payment Screen Test"
+        onClick={() => setShowCheckout(true)}
+      />
+
+      {showCheckout && <CheckoutForm onClose={() => setShowCheckout(false)} />}
+      {showReturn && <Return />}
+		</div>
+	);
+};
+
+export default VideoPage;