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)/stats/stats.module.css

@@ -3,34 +3,34 @@
   flex-direction: column;
   min-height: 100vh;
   background-color: #f4f4f4;
-  padding-bottom: 70px; /* Space for the navbar */
+  padding-bottom: 70px; /* Space for navbar */
 }
 
+/* Remove the header styles since we're using a custom banner */
+/* 
 .header {
   background-color: #68543c;
   color: white;
-  padding: 20px;
+  padding: 1rem;
   text-align: center;
 }
 
 .title {
+  margin: 0;
   font-size: 1.5rem;
-  margin: 0 0 5px 0;
-  color: white;
 }
 
 .teamName {
-  font-size: 1.2rem;
-  margin: 0;
-  font-weight: normal;
-  color: white;
-}
+  font-size: 1.25rem;
+  margin: 0.5rem 0 0;
+} 
+*/
 
 .statsCard {
   background-color: white;
   border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  margin: 20px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  margin: 1rem;
   overflow: hidden;
 }