diff --git a/frontend/src/App.css b/frontend/src/App.css
deleted file mode 100644
index 4e1e910..0000000
--- a/frontend/src/App.css
+++ /dev/null
@@ -1,734 +0,0 @@
-body {
-  background-color: aliceblue;
-  position: relative;
-  z-index: 0;
-  color: black;
-  text-align: center;
-  overflow-wrap: anywhere;
-  height: 100%;
-}
-
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 8px;
-}
-
-footer {
-  margin-top: 24px;
-  font-size: x-small;
-}
-
-.fixed-footer {
-  position: absolute;
-  bottom: 4px;
-  left: 8px;
-}
-
-dialog {
-  border-radius: 1em;
-}
-
-/*=========Network Controls=========*/
-
-.infobutton {
-  position: fixed;
-  right: 8px;
-  bottom: 8px;
-  padding: 0.4em;
-  border-radius: 1em;
-  background-color: rgba(0, 0, 0, 0.3);
-  font-size: medium;
-  margin-bottom: 16px;
-  margin-right: 16px;
-}
-
-.controls {
-  z-index: 9;
-  position: absolute;
-  color: black;
-  top: 1vh;
-  right: 0px;
-  padding: 8px;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 8px;
-
-  .control {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    max-width: 240px;
-    margin: 0px;
-    background-color: #f0f8ffdd;
-
-    .slider,
-    span {
-      padding-left: 4px;
-      padding-right: 4px;
-    }
-  }
-
-  #three-slider {
-    display: flex;
-    flex-direction: row;
-    margin: auto;
-    justify-content: center;
-    align-items: center;
-  }
-}
-
-/* The switch - the box around the slider */
-.switch {
-  position: relative;
-  width: 48px;
-  height: 24px;
-}
-
-/* Hide default HTML checkbox */
-.switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-/* The slider */
-.slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #ccc;
-  border-radius: 34px;
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-
-.slider:before {
-  position: absolute;
-  content: "";
-  height: 18px;
-  width: 18px;
-  left: 3px;
-  bottom: 3px;
-  background-color: white;
-  border-radius: 50%;
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-
-input:checked + .slider {
-  background-color: #2196f3;
-}
-
-input:focus + .slider {
-  box-shadow: 0 0 1px #2196f3;
-}
-
-input:checked + .slider:before {
-  -webkit-transform: translateX(24px);
-  -ms-transform: translateX(24px);
-  transform: translateX(24px);
-}
-
-.grey {
-  opacity: 66%;
-}
-
-.hint {
-  position: absolute;
-  font-size: 80%;
-  padding: 8px;
-  top: auto;
-  left: 4px;
-  bottom: auto;
-  right: 4px;
-  z-index: -1;
-}
-
-input,
-select {
-  padding: 0.2em 16px;
-  margin-top: 0.25em;
-  margin-bottom: 0.25em;
-  border-radius: 1em;
-  color: black;
-  background-color: white;
-}
-
-h1,
-h2,
-h3 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  padding: 8px 16px;
-}
-
-.stack {
-  display: flex;
-
-  button,
-  img {
-    padding: 0px 1em 4px 1em;
-    margin: 3px auto;
-  }
-}
-
-.column {
-  flex-direction: column;
-}
-
-.container {
-  display: flex;
-  flex-wrap: nowrap;
-  width: min(96vw, 900px);
-}
-
-.dragbox {
-  display: flex;
-  flex-direction: column;
-  min-height: 32px;
-  height: 92%;
-}
-
-.box {
-  position: relative;
-  flex: 1;
-  border-width: 3px;
-  border-style: solid;
-  border-radius: 16px;
-
-  h4 {
-    margin: 4px;
-  }
-  &.one {
-    max-width: min(96%, 768px);
-    margin: 4px auto;
-  }
-
-  padding: 4px;
-  margin: 4px 0.5%;
-}
-
-.reservoir {
-  display: flex;
-  flex-direction: unset;
-  flex-wrap: wrap;
-  justify-content: space-around;
-  width: 100%;
-}
-
-.item {
-  cursor: pointer;
-  font-size: medium;
-  border: 2px solid;
-  border-radius: 1em;
-  margin: 3px auto;
-  padding: 5px 0.8em;
-}
-
-.extra-margin {
-  padding: 0px 8px;
-  margin: auto;
-}
-
-button {
-  margin: 4px;
-  font-weight: bold;
-  color: aliceblue;
-  background-color: black;
-  border-radius: 1.2em;
-  z-index: 1;
-
-  &:hover {
-    opacity: 80%;
-  }
-}
-
-#control-panel {
-  display: none;
-  overflow: hidden;
-  margin: auto;
-  gap: 16px;
-  grid-template-columns: repeat(3, 1fr);
-  transition: display 1s ease-out 0s;
-}
-
-#control-panel.opened {
-  display: grid;
-}
-
-.control {
-  display: flex;
-  border-radius: 16px;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  border: 2px solid #404040;
-  padding: 8px 16px;
-}
-
-#three-slider input {
-  margin: 4px;
-  width: 50%;
-}
-
-@media only screen and (max-width: 1000px) {
-  #control-panel {
-    grid-template-columns: repeat(2, 1fr);
-  }
-
-  .control {
-    font-size: 80%;
-    margin: 0px;
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  #control-panel {
-    grid-template-columns: 1fr;
-  }
-
-  .networkroute {
-    display: none;
-  }
-
-  .submit_text {
-    display: none;
-  }
-
-  .submit {
-    position: fixed;
-    right: 16px;
-    bottom: 16px;
-    padding: 0.4em;
-    border-radius: 1em;
-    background-color: #36c8;
-    font-size: xx-large;
-    margin-bottom: 16px;
-    margin-right: 16px;
-  }
-
-  .wavering {
-    animation: blink 40s infinite;
-  }
-}
-
-::backdrop {
-  background-image: linear-gradient(
-    45deg,
-    magenta,
-    rebeccapurple,
-    dodgerblue,
-    green
-  );
-  opacity: 0.75;
-}
-
-.tab-button {
-  color: black;
-  flex: 1;
-  background-color: #bfbfbf;
-  border: none;
-  margin: 4px auto;
-  cursor: pointer;
-  opacity: 80%;
-}
-
-.tab-button.active {
-  opacity: unset;
-  font-weight: bold;
-  background-color: black;
-  color: white;
-}
-
-.navbar {
-  span {
-    padding: 4px;
-  }
-
-  button {
-    font-size: medium;
-    margin: 4px 0.5%;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    opacity: 50%;
-
-    &:hover {
-      opacity: 80%;
-    }
-  }
-}
-
-/* Style the tab content (and add height:100% for full page content) */
-.tabcontent {
-  display: none;
-  height: 100%;
-}
-
-.renew {
-  cursor: pointer;
-  font-weight: bold;
-  position: absolute;
-  top: 0;
-  right: 8px;
-  font-size: 150%;
-}
-
-/*======LOGO=======*/
-
-.logo {
-  position: relative;
-  text-align: center;
-  height: 140px;
-
-  span {
-    display: block;
-    margin: 2px;
-  }
-
-  img {
-    display: block;
-    margin: auto;
-  }
-
-  h3 {
-    position: absolute;
-    font-size: medium;
-    width: 140px;
-    top: 33%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    color: aliceblue;
-    background-color: black;
-    border-radius: unset;
-    letter-spacing: 8px;
-    padding: 0px 40px;
-    font-family: monospace;
-  }
-}
-
-.avatars {
-  margin: 16px auto;
-}
-
-.avatar {
-  background-color: #f0f8ff88;
-  font-weight: bold;
-  font-size: 110%;
-  padding: 3px 1em;
-  width: fit-content;
-  border: 3px solid;
-  border-radius: 1em;
-  margin: 4px auto;
-}
-
-.group-avatar {
-  background-color: #f0f8ff88;
-  color: inherit;
-  font-weight: bold;
-  font-size: 90%;
-  padding: 3px 1em;
-  width: fit-content;
-  border: 3px solid;
-  border-radius: 1em;
-  margin: 4px auto;
-}
-
-.user-info {
-  display: grid;
-  grid-template-columns: 8em 12em;
-  gap: 2px 16px;
-
-  div {
-    text-align: left;
-  }
-}
-
-/*=======CONTEXT MENU=======*/
-.context-menu {
-  z-index: 3;
-  min-width: 8em;
-  position: absolute;
-  background: aliceblue;
-  box-shadow: 4px 4px black;
-  color: black;
-  border: 3px solid black;
-  border-radius: 16px;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-
-  li {
-    padding: 4px 0.5em;
-    border-bottom: 2px solid #0008;
-    border-radius: 0;
-    cursor: pointer;
-  }
-
-  li:last-child {
-    border-bottom: none;
-  }
-}
-
-.networkroute {
-  z-index: 3;
-  position: absolute;
-  top: 24px;
-  left: 48px;
-}
-
-/*========TEAM PANEL========*/
-.team-panel {
-  max-width: 800px;
-  padding: 1em;
-  border: 3px solid black;
-  box-shadow: 8px 8px black;
-  margin: 1em;
-
-  input {
-    max-width: 300px;
-  }
-  select {
-    max-width: 335px;
-  }
-}
-
-.team-player {
-  color: black;
-  background-color: #36c4;
-  border: 1px solid black;
-  border-radius: 1.5em;
-  margin: 4px;
-  padding: 0.2em 0.5em;
-
-  &:hover {
-    background-color: #36c8;
-  }
-
-  &.new-player {
-    background-color: #3838;
-  }
-
-  &.disable-player {
-    background-color: #e338;
-  }
-}
-
-.new-player-inputs {
-  display: flex;
-  flex-direction: column;
-  margin: auto;
-
-  div {
-    display: grid;
-    grid-template-columns: 20ch auto;
-
-    @media only screen and (max-width: 768px) {
-      grid-template-columns: auto;
-      place-items: center;
-    }
-
-    label {
-      text-align: left;
-      width: 20ch;
-      margin: auto 1em;
-    }
-
-    input,
-    select {
-      width: 90%;
-      margin: 4px 0;
-    }
-  }
-}
-
-.mmp {
-  background-color: lightskyblue;
-}
-
-.fmp {
-  background-color: salmon;
-}
-
-@keyframes blink {
-  0% {
-    background-color: #8888;
-  }
-
-  13% {
-    background-color: #8888;
-  }
-
-  15% {
-    background-color: #f00a;
-  }
-
-  17% {
-    background-color: #8888;
-  }
-
-  38% {
-    background-color: #8888;
-  }
-
-  40% {
-    background-color: #ff0a;
-  }
-
-  42% {
-    background-color: #8888;
-  }
-
-  63% {
-    background-color: #8888;
-  }
-
-  65% {
-    background-color: #248f24aa;
-  }
-
-  67% {
-    background-color: #8888;
-  }
-
-  88% {
-    background-color: #8888;
-  }
-
-  90% {
-    background-color: #4700b3aa;
-  }
-
-  92% {
-    background-color: #8888;
-  }
-
-  100% {
-    background-color: #8888;
-  }
-}
-
-/*======SPINNER=======*/
-
-.loader {
-  display: block;
-  border-radius: 16px;
-  position: relative;
-  height: 12px;
-  width: 96%;
-  margin: auto;
-  border: 4px solid black;
-  overflow: hidden;
-}
-
-.loader::after {
-  content: "";
-  width: 32%;
-  height: 120%;
-  background: #36c;
-  position: absolute;
-  top: -2px;
-  left: 0;
-  box-sizing: border-box;
-  animation: animloader 2s linear infinite;
-}
-
-@keyframes animloader {
-  0% {
-    left: 0;
-    transform: translateX(-100%);
-  }
-
-  100% {
-    left: 100%;
-    transform: translateX(0%);
-  }
-}
-
-.calendar-container {
-  position: relative;
-  margin: 20px auto;
-  font-size: small;
-}
-
-.month-navigation {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px;
-  border-top: 2px solid grey;
-  border-bottom: 2px solid grey;
-}
-
-.month-navigation button {
-  cursor: pointer;
-  padding: 4px 8px;
-  border: none;
-  color: black;
-  background-color: transparent;
-}
-
-.month-navigation span {
-  font-weight: bold;
-}
-
-.calendar {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 8px;
-}
-
-.day {
-  padding: 2px;
-  border: 1px solid grey;
-  cursor: pointer;
-  display: flex;
-}
-
-.selected-day {
-  border: 4px solid grey;
-}
-
-.weekday {
-  border-bottom: 3px solid black;
-  margin: 0 1em;
-}
-
-.day-circle {
-  text-align: center;
-  border-radius: 1.5em;
-  width: 1.5em;
-  height: 1.5em;
-  padding: 0;
-  margin: auto;
-  border: 2px solid transparent;
-}
-
-.today {
-  border-radius: 1.6em;
-  border: 4px solid red;
-  text-align: center;
-}
-
-.has-event {
-  border-radius: 1.5em;
-  background-color: lightskyblue;
-}
-
-.active-player {
-  border-radius: 1.5em;
-  border: 4px solid rebeccapurple;
-}
-
-.events {
-  font-size: large;
-  padding: 20px;
-  ul > li {
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-  }
-}
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
deleted file mode 100644
index 2082a75..0000000
--- a/frontend/src/App.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import "./App.css";
-import Footer from "./Footer";
-import Header from "./Header";
-import Rankings from "./Rankings";
-import { BrowserRouter, Routes, Route } from "react-router";
-import { SessionProvider } from "./Session";
-import { GraphComponent } from "./Network";
-import MVPChart from "./MVPChart";
-import { SetPassword } from "./SetPassword";
-import { ThemeProvider } from "./ThemeProvider";
-import TeamPanel from "./TeamPanel";
-
-const Maintenance = () => {
-  return (
-    <div style={{ textAlign: "center", padding: "20px" }}>
-      <h2>We are under maintenance.</h2>
-      <p>Please check back later. Thank you for your patience.</p>
-      <span style={{ fontSize: "xx-large" }}>🚧</span>
-    </div>
-  );
-};
-
-function App() {
-  return (
-    <ThemeProvider>
-      <BrowserRouter>
-        <Routes>
-          <Route path="/password" element={<SetPassword />} />
-          <Route
-            path="/*"
-            element={
-              <SessionProvider>
-                <Header />
-                <Routes>
-                  <Route index element={<Rankings />} />
-                  <Route path="network" element={<GraphComponent />} />
-                  <Route path="mvp" element={<MVPChart />} />
-                  <Route path="changepassword" element={<SetPassword />} />
-                  <Route path="team" element={<TeamPanel />} />
-                </Routes>
-                <Footer />
-              </SessionProvider>
-            }
-          />
-        </Routes>
-      </BrowserRouter>
-    </ThemeProvider>
-  );
-}
-export default App;
diff --git a/frontend/src/Calendar.tsx b/frontend/src/Calendar.tsx
index 4e659ab..36bdd25 100644
--- a/frontend/src/Calendar.tsx
+++ b/frontend/src/Calendar.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { JSX, useEffect, useState } from "react";
 import { apiAuth } from "./api";
 import { useSession } from "./Session";