Update .gitignore;

Update to style of CheckoutForm

frontend/src/pages/HomePage.tsx

@@ -1,64 +0,0 @@
-import React, { useState, useEffect } from "react";
-import Navbar from "../components/Layout/Navbar";
-import ListRow from "../components/Layout/ListRow";
-// import { data, Link } from "react-router-dom";
-
-const API_URL = import.meta.env.VITE_API_URL;
-
-const handleStreamClick = (streamId: string) => {
-  // Handle navigation to stream page
-  console.log(`Navigating to stream ${streamId}`);
-};
-
-interface StreamItem {
-  id: number;
-  title: string;
-  streamer: string;
-  viewers: number;
-  thumbnail?: string;
-}
-
-const HomePage: React.FC = () => {
-  const [featuredStreams, setFeaturedStreams] = useState<StreamItem[]>([]);
-  const [loggedInStatus, setLoggedInStatus] = useState<boolean>(false);
-
-  // ↓↓ runs twice when in development mode
-  useEffect(() => {
-    fetch(`${API_URL}/get_loggedin_status`)
-      .then((response) => response.json())
-      .then((data) => {
-        setLoggedInStatus(data);
-        console.log(data);
-      });
-    fetch(`${API_URL}/get_streams`)
-      .then((response) => response.json())
-      .then((data: StreamItem[]) => {
-        setFeaturedStreams(data);
-        console.log(data);
-      });
-  }, []);
-
-  return (
-    <div
-      className="home-page bg-repeat"
-      style={{ backgroundImage: "url(/images/background-pattern.svg)" }}
-    >
-      <Navbar logged_in={loggedInStatus} />
-
-      <ListRow
-        title="Live Now"
-        description="Streamers that are currently live"
-        streams={featuredStreams}
-        onStreamClick={handleStreamClick}
-      />
-      <ListRow
-        title="Trending Categories"
-        description="Categories that have been 'popping off' lately"
-        streams={featuredStreams}
-        onStreamClick={handleStreamClick}
-      />
-    </div>
-  );
-};
-
-export default HomePage;

frontend/src/pages/LoginPage.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-const LoginPage: React.FC = () => {
-	return (
-		<div>
-		</div>
-	);
-};
-
-export default LoginPage;

frontend/src/pages/NotFoundPage.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-const NotFoundPage: React.FC = () => {
-	return (
-		<div>
-		</div>
-	);
-};
-
-export default NotFoundPage;

frontend/src/pages/SignupPage.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-const SignupPage: React.FC = () => {
-	return (
-		<div>
-		</div>
-	);
-};
-
-export default SignupPage;

frontend/src/pages/VideoPage.tsx

@@ -1,36 +0,0 @@
-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;