fix spacing for desktop

frontend/src/TeamPanel.tsx

@@ -72,6 +72,7 @@ const TeamPanel = () => {
     return (
       <>
         <section className="section">
+          <div className="container">
             <h1 className="title">{activeTeam.name}</h1>
             <h2 className="subtitle">
               {activeTeam.location}, {activeTeam.country}
@@ -203,7 +204,9 @@ const TeamPanel = () => {
                 </div>
                 {error?.message && (
                   <p
-                  className={"help" + (error.ok ? " is-success" : " is-danger")}
+                    className={
+                      "help" + (error.ok ? " is-success" : " is-danger")
+                    }
                   >
                     {error.message}
                   </p>
@@ -228,9 +231,12 @@ const TeamPanel = () => {
                 )}
               </div>
             </form>
+          </div>
         </section>
         <section className="section">
+          <div className="container">
             <Calendar playerId={player.id} />
+          </div>
         </section>
       </>
     );