updated teamId page

app/(main)/[teamId]/page.js

@@ -183,7 +183,6 @@ export default function TeamPage({ params }) {
 
   return (
     <div className="team-page">
-      {/* Changed from styles.container to team-page */}
       <div className="team-banner">
         <div className="team-info">
           <h1 className="team-name">Team Name: {team.name}</h1>
@@ -276,7 +275,10 @@ export default function TeamPage({ params }) {
         }
 
         .team-banner {
-          background-color: #68543c;
+          background-image: url("/images/Bottom-Bar.svg");
+          background-repeat: no-repeat;
+          background-size: cover;
+          background-position: center;
           color: white;
           padding: 20px;
           position: relative;

app/(main)/map/map.module.css

@@ -14,7 +14,7 @@
   background-size: cover;
   background-position: center;
   color: white;
-  padding: 15px 20px;
+  padding: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;

app/(main)/team/[teamId]/page.js

@@ -402,7 +402,7 @@ export default function TeamPage({ params }) {
           display: flex;
           flex-direction: column;
           min-height: 100vh;
-          padding-bottom: 70px; /* Add space for the navbar */
+          padding-bottom: 70px; /* Space for the navbar */
         }
 
         .team-banner {