Major: Added Authentication Functionality, interfaces with backend;

Added new styles to HomePage & VideoPage;
Added AuthContext to persist logged_in status;

frontend/src/components/Auth/AuthModal.tsx

@@ -0,0 +1,49 @@
+import React, { useState } from "react";
+import { ToggleButton } from "../Layout/Button";
+import { LogIn as LogInIcon, User as UserIcon } from "lucide-react";
+import LoginForm from "./LoginForm";
+import RegisterForm from "./RegisterForm";
+
+interface AuthModalProps {
+  onClose: () => void;
+}
+
+const AuthModal: React.FC<AuthModalProps> = ({ onClose }) => {
+  const [selectedTab, setSelectedTab] = useState<string>("Login");
+
+  return (
+    <>
+      <div className="blurring-layer fixed z-10 inset-0 w-screen h-screen backdrop-blur-sm group-has-[input:focus]:backdrop-blur-[5px]"></div>
+
+      <div className="modal-container fixed inset-0 bg-black/30 has-[input:focus]:bg-black/40 flex flex-col items-center justify-around z-50 h-[70vh] m-auto min-w-[40vw] w-fit py-[50px] rounded-[2rem] transition-all">
+        <div className="login-methods w-full flex flex-row items-center justify-evenly">
+          <button
+            onClick={onClose}
+            className="absolute top-[1rem] right-[2rem] text-[2rem] text-white hover:text-red-500 font-black hover:text-[2.5rem] transition-all"
+          >
+            ✕
+          </button>
+          <ToggleButton
+            toggled={selectedTab === "Login"}
+            extraClasses="flex flex-col items-center px-8"
+            onClick={() => setSelectedTab("Login")}
+          >
+            <LogInIcon className="h-[40px] w-[40px] mr-1" />
+            Login
+          </ToggleButton>
+          <ToggleButton
+            toggled={selectedTab === "Register"}
+            extraClasses="flex flex-col items-center px-8"
+            onClick={() => setSelectedTab("Register")}
+          >
+            <UserIcon className="h-[40px] w-[40px] mr-1" />
+            Register
+          </ToggleButton>
+        </div>
+        {selectedTab === "Login" ? <LoginForm /> : <RegisterForm />}
+      </div>
+    </>
+  );
+};
+
+export default AuthModal;