feat: add a Team Panel

src/App.css

@@ -471,7 +471,6 @@ button {
   }
 }
 
-
 .networkroute {
   z-index: 3;
   position: absolute;
@@ -479,6 +478,59 @@ button {
   left: 48px;
 }
 
+/*========TEAM PANEL========*/
+.team-panel {
+  padding: 1em;
+  border: 3px solid black;
+  box-shadow: 8px 8px black;
+  margin: 1em;
+
+  input {
+    max-width: 300px;
+    margin: 0.2em auto;
+  }
+}
+
+.team-player {
+  cursor: pointer;
+  color: black;
+  background-color: #36c4;
+  border: 1px solid black;
+  border-radius: 1em;
+  margin: 4px;
+  padding: 0 0.5em;
+
+  &:hover {
+    background-color: #36c8;
+  }
+}
+
+.new-player-inputs {
+  margin: auto;
+
+  div {
+    display: flex;
+    flex-wrap: wrap;
+    margin: auto;
+
+    label {
+      text-align: right;
+      margin-left: 2em;
+      margin-right: auto;
+    }
+
+    input {
+      width: 200px;
+      margin: 2px 1em;
+    }
+  }
+}
+
+#new-team-player {
+  background-color: #3838;
+  font-weight: bold;
+}
+
 @keyframes blink {
 
   0% {