added dropdowns to teams

public/style.css

@@ -26,6 +26,7 @@ body, html {
   height: 100vh;       /* take up entire vertical height */
   background: rgb(19, 19, 19);
   overflow-y: auto;    /* make it scrollable */
+  width: 12%;       /* fixed width */
 }
 
 .sidebar::-webkit-scrollbar {
@@ -203,4 +204,31 @@ body, html {
     text-align: center;
     width: 100%;
     height: 100%;
+}
+
+.category-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+
+.category-header h4 {
+  margin: 0;
+  padding: 0;
+  flex: 1;
+  text-align: left;
+}
+
+.category-toggle {
+  margin-left: 10px;
+  background: none;
+  border: none;
+  color: white;
+  font-size: 1.1em;
+  cursor: pointer;
+  padding: 0 6px;
+  height: 28px;
+  align-items: center;
+  display: flex;
 }