Corrected the relative path of background causing blank in fly deployment

src/components/Navbar.jsx

@@ -114,21 +114,6 @@ const Navbar = () => {
             <span className="navbar__link-hover"></span>
           </Link>
         </li>
-        {/* will be decided later of we shall keep NOTEBOOK or not */}
-        {/* <li>
-          <Link
-            to="/notebook"
-            className={`navbar__link ${
-              activeLink === "/notebook" ? "navbar__link--active" : ""
-            }`}
-          >
-            <span className="navbar__link-icon">📓</span>
-            <span className="navbar__link-text"></span>
-            NOTEBOOK
-            <span className="navbar__link-hover"></span>
-          </Link>
-        </li> */}
-
         {user && user.role === "instructor" && (
           <li>
             <Link
@@ -189,22 +174,4 @@ const Navbar = () => {
   );
 };
 
-export default Navbar;
+export default Navbar;
-//{user ? user.displayName : "NOTEBOOK"}
-
-//server side logout (was not working properly, so implemented client side logout)
-// const handleLogout = async () => {
-//   try {
-//     const res = await fetch("http://localhost:8080/auth/logout", {
-//       method: "GET",
-//       credentials: "include",
-//     });
-
-//     if (res.ok) {
-//       setUser(null);
-// } else {
-//   console.error("Logout failed");
-// }
-// } catch (error) {
-// console.error("Error during logout:", error);
-// }

src/scss/page/_login.scss

@@ -29,7 +29,7 @@
 
 body {
   background: transparent;
-  background-image: url("../../../public/images/grid-background.jpg");
+  background-image: url("/images/grid-background.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;