Major: Added Authentication Functionality, interfaces with backend;

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

frontend/src/components/Layout/Logo.tsx

@@ -1,18 +1,25 @@
 import React from "react";
+import { Link } from "react-router-dom";
 
 const Logo: React.FC = () => {
+  const gradient =
+    "bg-gradient-to-br from-yellow-400 via-red-500 to-indigo-500 text-transparent bg-clip-text group-hover:mx-1 transition-all";
   return (
-    <div className="text-center text-[12vh] font-bold text-orange-500">
-      <h6 className="text-sm">Go on, have a...</h6>
-      <div className="flex justify-center items-center space-x-6">
-        <span>G</span>
-        <span>A</span>
-        <span>N</span>
-        <span>D</span>
-        <span>E</span>
-        <span>R</span>
+    <Link to="/" className="cursor-pointer">
+      <div className="logo group py-3 text-center text-[12vh] font-bold hover:scale-110 transition-all">
+        <h6 className="text-sm bg-gradient-to-br from-blue-400 via-green-500 to-indigo-500 font-black text-transparent bg-clip-text">
+          Go on, have a...
+        </h6>
+        <div className="flex w-fit min-w-[30vw] justify-evenly leading-none transition-all">
+          <span className={gradient}>G</span>
+          <span className={gradient}>A</span>
+          <span className={gradient}>N</span>
+          <span className={gradient}>D</span>
+          <span className={gradient}>E</span>
+          <span className={gradient}>R</span>
+        </div>
       </div>
-    </div>
+    </Link>
   );
 };