Code clean up for login container

ProjectSourceCode/src/resources/css/navigation-bar/login.css

@@ -1,10 +1,14 @@
+#login-container {
+    display: none;
+}
+
 #login-page {
     width: 400px;
     height: fit-content;
     position: absolute;
     top: 150px; /* Adjust this value as needed */
     right: 20px; /* Adjust this value as needed */
-    z-index: 10;
+    z-index: 5;
     background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
     border: 1px solid gray;

ProjectSourceCode/src/resources/css/navigation-bar/scoreboard-header/scoreboard.css

@@ -1,5 +1,6 @@
 .scoreboard-container {
     overflow-x: auto; /* Enable horizontal scrolling */
+    overflow-y: hidden; /* Disable vertical scrolling */
     white-space: nowrap; /* Prevent cards from wrapping to the next line */
     border: 1px solid rgb(202, 2, 2);
     margin: 0px;

ProjectSourceCode/src/resources/js/navigation-bar/user/login.js

@@ -1,8 +1,10 @@
 $(document).ready(function() {
+
   // When #user is clicked
   $('#user').click(function() {
     // Toggle the visibility of the login container
     $('#login-container').toggle();
   });
-});
   
+  
+});

ProjectSourceCode/src/views/partials/nav.hbs

@@ -1,27 +0,0 @@
- 
- <nav class="navbar navbar-expand-sm border-bottom">
-   <div class="container">
-     <button
-       class="navbar-toggler ms-auto"
-       type="button"
-       data-bs-toggle="collapse"
-       data-bs-target="#navbar-collapse"
-       aria-controls="navbar"
-       aria-expanded="false"
-       aria-label="Toggle navigation">
-       <span class="navbar-toggler-icon"></span>
-     </button>
-     <div class="collapse navbar-collapse" id="navbar-collapse">
-       <ul class="navbar-nav me-auto">
-         <li class="nav-item">
-           <!-- TODO: For Discover, add a <a> tag with an attribute href to call the '/discover' API -->
-            <a class="nav-link" href="/home">Home</a>
-         </li>
-       </ul>
-       <div class="nav-item me-1">
-         <!-- TODO: For Logout, add a <a> tag with an attribute href to call the '/logout API -->
-            <a class="nav-link" href="/logout">Logout</a> 
-       </div>
-     </div>
-   </div>
- </nav>

ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs

@@ -49,7 +49,7 @@
 </nav>
 
 <!-- Container for login section -->
-<div id="login-container" class="container">
+<div class="container" id="login-container">
   {{> navigation-bar/login}}
 </div>