fixed a bunch of styling and component usage

made sure almost all viewer pages use the navbar component properly instead of using their hardcoded version, started to match the styling of the design for a lot of pages

app/(main)/leaderboard/page.js

@@ -161,7 +161,10 @@ export default function LeaderboardPage() {
 
       {/* Only show navigation bar when the hunt hasn't ended */}
       {!huntJustEnded && (
-        <NavBar activeLink="leaderboard" teamData={{ id: session?.user?.teamId }} />
+        <NavBar
+          activeLink="leaderboard"
+          teamData={{ id: session?.user?.teamId }}
+        />
       )}
 
       {/* Add a "back to home" button when the hunt has ended */}
@@ -186,7 +189,10 @@ export default function LeaderboardPage() {
         }
 
         .page-header {
-          background-color: #68543c;
+          background-image: url("/images/Bottom-Bar.svg");
+          background-repeat: no-repeat;
+          background-size: cover;
+          background-position: center;
           color: white;
           padding: 15px 20px;
           display: flex;