diff --git a/app/front-end/__tests__/Footer.test.tsx b/app/front-end/__tests__/Footer.test.tsx
new file mode 100644
index 00000000..ed082b2e
--- /dev/null
+++ b/app/front-end/__tests__/Footer.test.tsx
@@ -0,0 +1,42 @@
+/*
+ * Created on Mon Oct 30 2023
+ * Author: Connor Doman
+ */
+
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { Footer } from "@components/Footer";
+
+describe("Footer", () => {
+    it("matches snapshot", () => {
+        const wrapper = render(<Footer />);
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    it("contains an HTML footer element", () => {
+        render(<Footer />);
+        expect(screen.getByRole("contentinfo")).toBeInTheDocument();
+    });
+
+    it("renders the site logo", () => {
+        render(<Footer />);
+        const logo = screen.getByRole("link", { name: "PrivacyPal logo" });
+        expect(logo).toBeInTheDocument();
+        expect(logo).toHaveAttribute("href", "/");
+    });
+
+    it("renders the site links", () => {
+        render(<Footer />);
+        expect(screen.getByRole("link", { name: "Welcome" })).toBeInTheDocument();
+        expect(screen.getByRole("link", { name: "About Us" })).toBeInTheDocument();
+        expect(screen.getByRole("link", { name: "Sign Up" })).toBeInTheDocument();
+        expect(screen.getByRole("link", { name: "Log in" })).toBeInTheDocument();
+    });
+
+    it("renders social media links", () => {
+        render(<Footer />);
+        expect(screen.getByRole("link", { name: "GitHub logo" })).toBeInTheDocument();
+        expect(screen.getByRole("link", { name: "YouTube logo" })).toBeInTheDocument();
+        expect(screen.getByRole("link", { name: "mail icon" })).toBeInTheDocument();
+    });
+});
diff --git a/app/front-end/__tests__/Header.test.tsx b/app/front-end/__tests__/Header.test.tsx
new file mode 100644
index 00000000..80bbab45
--- /dev/null
+++ b/app/front-end/__tests__/Header.test.tsx
@@ -0,0 +1,30 @@
+/*
+ * Created on Mon Oct 30 2023
+ * Author: Connor Doman
+ */
+
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { Header } from "@components/Header";
+
+describe("Header", () => {
+    it("matches snapshot", () => {
+        const wrapper = render(<Header />);
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    it("contains an HTML header element", () => {
+        render(<Header />);
+        expect(screen.getByRole("banner")).toBeInTheDocument();
+    });
+
+    it("renders the header", () => {
+        render(<Header />);
+        expect(screen.getByRole("heading", { name: "A SOLUTION TO ABSOLUTE PRIVACY." })).toBeInTheDocument();
+    });
+
+    it("renders the header image", () => {
+        render(<Header />);
+        expect(screen.getByRole("img", { name: "logo" })).toBeInTheDocument();
+    });
+});
diff --git a/app/front-end/__tests__/__snapshots__/Footer.test.tsx.snap b/app/front-end/__tests__/__snapshots__/Footer.test.tsx.snap
new file mode 100644
index 00000000..559da153
--- /dev/null
+++ b/app/front-end/__tests__/__snapshots__/Footer.test.tsx.snap
@@ -0,0 +1,284 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Footer matches snapshot 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <footer
+        class="site-footer"
+      >
+        <div
+          class="footer-item"
+        >
+          <a
+            href="/"
+          >
+            <img
+              alt="PrivacyPal logo"
+              class="footer-logo"
+              data-nimg="1"
+              decoding="async"
+              height="40"
+              loading="lazy"
+              src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+              srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+              style="color: transparent;"
+              width="40"
+            />
+          </a>
+        </div>
+        <div
+          class="footer-item"
+        >
+          Other Sites:
+          <div
+            class="footer-links"
+          >
+            <a
+              href="#welcomepage"
+            >
+              Welcome
+            </a>
+            <a
+              href="#aboutus"
+            >
+              About Us
+            </a>
+            <a
+              href="#signup"
+            >
+              Sign Up
+            </a>
+            <span>
+              |
+            </span>
+            <a
+              href="/login"
+            >
+              Log in
+            </a>
+          </div>
+        </div>
+        <div
+          class="footer-item"
+        >
+          <div
+            class="contact"
+          >
+            Follow Us
+            <a
+              href="/COSC-499-W2023/year-long-project-team-1"
+            >
+              <img
+                alt="GitHub logo"
+                data-nimg="1"
+                decoding="async"
+                height="40"
+                loading="lazy"
+                src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+                srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+                style="color: transparent;"
+                width="40"
+              />
+            </a>
+            <a
+              href="#youtube"
+            >
+              <img
+                alt="YouTube logo"
+                data-nimg="1"
+                decoding="async"
+                height="40"
+                loading="lazy"
+                src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+                srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+                style="color: transparent;"
+                width="40"
+              />
+            </a>
+            <a
+              href="#Email"
+            >
+              <img
+                alt="mail icon"
+                data-nimg="1"
+                decoding="async"
+                height="40"
+                loading="lazy"
+                src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+                srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+                style="color: transparent;"
+                width="40"
+              />
+            </a>
+          </div>
+        </div>
+      </footer>
+    </div>
+  </body>,
+  "container": <div>
+    <footer
+      class="site-footer"
+    >
+      <div
+        class="footer-item"
+      >
+        <a
+          href="/"
+        >
+          <img
+            alt="PrivacyPal logo"
+            class="footer-logo"
+            data-nimg="1"
+            decoding="async"
+            height="40"
+            loading="lazy"
+            src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+            srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+            style="color: transparent;"
+            width="40"
+          />
+        </a>
+      </div>
+      <div
+        class="footer-item"
+      >
+        Other Sites:
+        <div
+          class="footer-links"
+        >
+          <a
+            href="#welcomepage"
+          >
+            Welcome
+          </a>
+          <a
+            href="#aboutus"
+          >
+            About Us
+          </a>
+          <a
+            href="#signup"
+          >
+            Sign Up
+          </a>
+          <span>
+            |
+          </span>
+          <a
+            href="/login"
+          >
+            Log in
+          </a>
+        </div>
+      </div>
+      <div
+        class="footer-item"
+      >
+        <div
+          class="contact"
+        >
+          Follow Us
+          <a
+            href="/COSC-499-W2023/year-long-project-team-1"
+          >
+            <img
+              alt="GitHub logo"
+              data-nimg="1"
+              decoding="async"
+              height="40"
+              loading="lazy"
+              src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+              srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+              style="color: transparent;"
+              width="40"
+            />
+          </a>
+          <a
+            href="#youtube"
+          >
+            <img
+              alt="YouTube logo"
+              data-nimg="1"
+              decoding="async"
+              height="40"
+              loading="lazy"
+              src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+              srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+              style="color: transparent;"
+              width="40"
+            />
+          </a>
+          <a
+            href="#Email"
+          >
+            <img
+              alt="mail icon"
+              data-nimg="1"
+              decoding="async"
+              height="40"
+              loading="lazy"
+              src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+              srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+              style="color: transparent;"
+              width="40"
+            />
+          </a>
+        </div>
+      </div>
+    </footer>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
diff --git a/app/front-end/__tests__/__snapshots__/Header.test.tsx.snap b/app/front-end/__tests__/__snapshots__/Header.test.tsx.snap
new file mode 100644
index 00000000..d2f5bac5
--- /dev/null
+++ b/app/front-end/__tests__/__snapshots__/Header.test.tsx.snap
@@ -0,0 +1,128 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Header matches snapshot 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <header
+        class="site-header"
+      >
+        <a
+          href="/"
+        >
+          <img
+            alt="logo"
+            class="logo"
+            data-nimg="1"
+            decoding="async"
+            height="40"
+            loading="lazy"
+            src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+            srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+            style="color: transparent;"
+            width="40"
+          />
+        </a>
+        <div>
+          <h1
+            class="text"
+          >
+            A SOLUTION TO ABSOLUTE 
+            <span
+              style="color: rgb(245, 134, 88);"
+            >
+              PRIVACY.
+            </span>
+          </h1>
+        </div>
+      </header>
+    </div>
+  </body>,
+  "container": <div>
+    <header
+      class="site-header"
+    >
+      <a
+        href="/"
+      >
+        <img
+          alt="logo"
+          class="logo"
+          data-nimg="1"
+          decoding="async"
+          height="40"
+          loading="lazy"
+          src="/_next/image?url=%2Fimg.jpg&w=96&q=75"
+          srcset="/_next/image?url=%2Fimg.jpg&w=48&q=75 1x, /_next/image?url=%2Fimg.jpg&w=96&q=75 2x"
+          style="color: transparent;"
+          width="40"
+        />
+      </a>
+      <div>
+        <h1
+          class="text"
+        >
+          A SOLUTION TO ABSOLUTE 
+          <span
+            style="color: rgb(245, 134, 88);"
+          >
+            PRIVACY.
+          </span>
+        </h1>
+      </div>
+    </header>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
diff --git a/app/front-end/__tests__/config.lib.test.ts b/app/front-end/__tests__/config.lib.test.ts
new file mode 100644
index 00000000..6f77a564
--- /dev/null
+++ b/app/front-end/__tests__/config.lib.test.ts
@@ -0,0 +1,21 @@
+/*
+ * Created on Mon Oct 30 2023
+ * Author: Connor Doman
+ */
+
+import { extractUserConfig } from "@lib/config";
+
+describe("Config", () => {
+    it("contains a user config", () => {
+        const config = extractUserConfig();
+        const userArray = config.users;
+        expect(typeof userArray).toEqual("object");
+        expect(userArray.length).toBeGreaterThan(0);
+    });
+
+    it("contains a user config with an email", () => {
+        const config = extractUserConfig();
+        const userArray = config.users;
+        expect(userArray[0].email).toBeDefined();
+    });
+});
diff --git a/app/front-end/__tests__/dummy-authenticator.test.ts b/app/front-end/__tests__/dummy-authenticator.auth.test.ts
similarity index 100%
rename from app/front-end/__tests__/dummy-authenticator.test.ts
rename to app/front-end/__tests__/dummy-authenticator.auth.test.ts
diff --git a/app/front-end/__tests__/time.test.ts b/app/front-end/__tests__/time.lib.test.ts
similarity index 100%
rename from app/front-end/__tests__/time.test.ts
rename to app/front-end/__tests__/time.lib.test.ts
diff --git a/app/front-end/src/app/api/session/route.ts b/app/front-end/src/app/api/session/route.ts
deleted file mode 100644
index a57ef5a1..00000000
--- a/app/front-end/src/app/api/session/route.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * Created on Sun Oct 22 2023
- * Author: Connor Doman
- */
-
-import { getServerSession } from "next-auth";
-import { privacyPalAuthOptions } from "@lib/auth";
-import { NextResponse } from "next/server";
-
-export async function GET(req: Request) {
-    const session = await getServerSession({ req, ...privacyPalAuthOptions });
-
-    return NextResponse.json({
-        authenticated: !!session,
-        session,
-    });
-}
diff --git a/app/front-end/src/app/login/page.tsx b/app/front-end/src/app/login/page.tsx
index 5b77098b..8e020d50 100644
--- a/app/front-end/src/app/login/page.tsx
+++ b/app/front-end/src/app/login/page.tsx
@@ -5,12 +5,7 @@
 "use client";
 
 import LoginFlow from "@components/auth/LoginFlow";
-import { PalLoginForm } from "@components/auth/LoginForm";
-import { PalTextInput } from "@components/form/PalTextInput";
-import { Button } from "@patternfly/react-core";
-import { signOut, useSession } from "next-auth/react";
-import Link from "next/link";
-import React, { useState } from "react";
+import React from "react";
 
 export default function LoginPage() {
     return (
diff --git a/app/front-end/src/app/page.tsx b/app/front-end/src/app/page.tsx
index 4410d4fa..89924f21 100644
--- a/app/front-end/src/app/page.tsx
+++ b/app/front-end/src/app/page.tsx
@@ -1,6 +1,5 @@
 import Link from "next/link";
 import styles from "./Home.module.css";
-import { Title } from "@patternfly/react-core";
 
 export default function Home() {
     return (
diff --git a/app/front-end/src/app/upload/page.tsx b/app/front-end/src/app/upload/page.tsx
deleted file mode 100644
index 1dc2c7fe..00000000
--- a/app/front-end/src/app/upload/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
- * Created on Thu Oct 26 2023
- * Author: Connor Doman
- */
-
-import { TestUploadUI } from "@components/TestUploadUI";
-
-export default function Page() {
-    return (
-        <div>
-            <h1>Upload</h1>
-            <TestUploadUI />
-        </div>
-    );
-}
diff --git a/app/front-end/src/components/Footer.tsx b/app/front-end/src/components/Footer.tsx
index 2e435deb..078b2a1c 100644
--- a/app/front-end/src/components/Footer.tsx
+++ b/app/front-end/src/components/Footer.tsx
@@ -16,7 +16,7 @@ export const Footer = () => {
         <footer className="site-footer">
             <div className="footer-item">
                 <Link href="/">
-                    <Image alt="logo" className="footer-logo" src={logo} />
+                    <Image alt="PrivacyPal logo" className="footer-logo" src={logo} />
                 </Link>
             </div>
             <div className="footer-item">
@@ -33,13 +33,13 @@ export const Footer = () => {
                 <div className="contact">
                     Follow Us
                     <Link href="/COSC-499-W2023/year-long-project-team-1">
-                        <Image alt="logo" src={Githublogo} />
+                        <Image alt="GitHub logo" src={Githublogo} />
                     </Link>
                     <Link href="#youtube">
-                        <Image alt="logo" src={Youtubelogo} />
+                        <Image alt="YouTube logo" src={Youtubelogo} />
                     </Link>
                     <Link href="#Email">
-                        <Image alt="logo" src={Emaillogo} />
+                        <Image alt="mail icon" src={Emaillogo} />
                     </Link>
                 </div>
             </div>
diff --git a/app/front-end/src/components/UploadVideoForm.tsx b/app/front-end/src/components/UploadVideoForm.tsx
index 9e6a2165..358fcb08 100644
--- a/app/front-end/src/components/UploadVideoForm.tsx
+++ b/app/front-end/src/components/UploadVideoForm.tsx
@@ -1,66 +1,58 @@
 "use client";
 import { useState } from "react";
 import { JSONResponse } from "@lib/json";
-import {
-	Button,
-	DropEvent,
-	FileUpload,
-	Stack,
-	StackItem,
-	Grid,
-	GridItem,
-} from "@patternfly/react-core";
+import { Button, Stack, StackItem, Grid, GridItem } from "@patternfly/react-core";
 
 export const UploadVideoForm = () => {
-	const [file, setFile] = useState<File>();
-	const [filename, setFilename] = useState<string>("");
-	const [isPicked, setIsPicked] = useState<boolean>(false);
-	const [responseData, setResponseData] = useState<JSONResponse>();
-	const acceptedMimeTypes = ["video/mp4", "video/x-msvideo", "video/quicktime"]; // mp4, avi, mov
+    const [file, setFile] = useState<File>();
+    const [filename, setFilename] = useState<string>("");
+    const [isPicked, setIsPicked] = useState<boolean>(false);
+    const [responseData, setResponseData] = useState<JSONResponse>();
+    const acceptedMimeTypes = ["video/mp4", "video/x-msvideo", "video/quicktime"]; // mp4, avi, mov
 
-	const onSubmitClick = async (e: any) => {
-		if (!file || !isPicked) {
-			alert("No file selected!");
-			return;
-		}
+    const onSubmitClick = async (e: any) => {
+        if (!file || !isPicked) {
+            alert("No file selected!");
+            return;
+        }
 
-		try {
-			const formData = new FormData();
-			formData.set("file", file);
+        try {
+            const formData = new FormData();
+            formData.set("file", file);
 
-			const response = await fetch("/api/video/upload", {
-				method: "POST",
-				body: formData,
-			});
+            const response = await fetch("/api/video/upload", {
+                method: "POST",
+                body: formData,
+            });
 
-			const json = await response.clone().json();
+            const json = await response.clone().json();
 
-			if (!response.ok) {
-				console.error("Error in upload response.");
-				throw Error(await response.text());
-			}
+            if (!response.ok) {
+                console.error("Error in upload response.");
+                throw Error(await response.text());
+            }
 
-			setResponseData(json);
-		} catch (err: any) {
-			console.error(err.message);
-		}
-	};
+            setResponseData(json);
+        } catch (err: any) {
+            console.error(err.message);
+        }
+    };
 
-	const onFileChanged = (e: any) => {
-		const f = e.target.files?.[0];
+    const onFileChanged = (e: any) => {
+        const f = e.target.files?.[0];
         if (!acceptedMimeTypes.includes(f.type)) {
             alert("You must select an *.mp4, *.avi, or *.mov file");
             return;
         }
         setFile(f);
-		setIsPicked(true);
-		setFilename(f.name);
-	};
+        setIsPicked(true);
+        setFilename(f.name);
+    };
 
-	return (
-		<Stack>
-			<StackItem>
-				{/* <FileUpload
+    return (
+        <Stack>
+            <StackItem>
+                {/* <FileUpload
 					id="videoupload"
 					filename={filename}
 					onFileInputChange={(e: DropEvent, f: File) => {
@@ -92,34 +84,29 @@ export const UploadVideoForm = () => {
 						},
 					}}
 				/> */}
-				<input
-					id="videoupload"
-					type="file"
-					accept={acceptedMimeTypes.toString()}
-					onChange={onFileChanged}
-				/><text>{filename}</text>
-			</StackItem>
-			<StackItem>
-				<Grid>
-					<GridItem span={4}></GridItem>
-					<GridItem span={4}>
-						<Button
-							variant="danger"
-							onClick={(e) => {
-								alert("Not implemented yet!");
-							}}
-						>
-							Record video
-						</Button>
-					</GridItem>
-					<GridItem span={4}>
-						<Button variant="primary" onClick={onSubmitClick}>
-							Submit video
-						</Button>
-					</GridItem>
-				</Grid>
-			</StackItem>
-		</Stack>
-	);
+                <input id="videoupload" type="file" accept={acceptedMimeTypes.toString()} onChange={onFileChanged} />
+                <text>{filename}</text>
+            </StackItem>
+            <StackItem>
+                <Grid>
+                    <GridItem span={4}></GridItem>
+                    <GridItem span={4}>
+                        <Button
+                            variant="danger"
+                            onClick={(e) => {
+                                alert("Not implemented yet!");
+                            }}>
+                            Record video
+                        </Button>
+                    </GridItem>
+                    <GridItem span={4}>
+                        <Button variant="primary" onClick={onSubmitClick}>
+                            Submit video
+                        </Button>
+                    </GridItem>
+                </Grid>
+            </StackItem>
+        </Stack>
+    );
 };
 export default UploadVideoForm;
diff --git a/app/front-end/src/components/auth/LoginForm.tsx b/app/front-end/src/components/auth/LoginForm.tsx
index 6ad43f25..63e81175 100644
--- a/app/front-end/src/components/auth/LoginForm.tsx
+++ b/app/front-end/src/components/auth/LoginForm.tsx
@@ -22,7 +22,6 @@ import "./LoginForm.css";
 import { signIn, useSession } from "next-auth/react";
 import type { SignInResponse } from "next-auth/react";
 import { useRouter } from "next/navigation";
-import { utf8ToBase64 } from "@lib/base64";
 
 export interface PalLoginFormProps {
     redirectUrl?: string;
@@ -93,7 +92,7 @@ export const PalLoginForm: React.FunctionComponent<PalLoginFormProps> = ({ redir
 
     return (
         <Card className="loginForm">
-            <CardTitle component="h1">LOG IN</CardTitle>
+            <CardTitle component="h1">Log in</CardTitle>
             <CardBody className="card-body">
                 {showHelperText ? (
                     <>
diff --git a/app/front-end/src/lib/dummy-authenticator.ts b/app/front-end/src/lib/dummy-authenticator.ts
index 4c62f466..2d33a0b1 100644
--- a/app/front-end/src/lib/dummy-authenticator.ts
+++ b/app/front-end/src/lib/dummy-authenticator.ts
@@ -8,7 +8,7 @@ import { User } from "next-auth";
 import { AuthRequest, PrivacyPalAuthenticator, PrivacyPalCredentialsRecord } from "./auth";
 import { CredentialsConfig } from "next-auth/providers/credentials";
 import { CONFIG_DIRECTORY, extractUserConfig } from "./config";
-import { base64ToUtf8, utf8ToBase64 } from "./base64";
+import { base64ToUtf8 } from "./base64";
 
 export interface PrivacyPalDummyUser {
     id: string;
