fix: complete copy of code in css

src/css/injected.scss

@@ -2615,157 +2615,6 @@ li.MessageList__unread___3imtO {
   margin: 0;
 }
 
-.upcoming-items {
-  background: var(--background-primary);
-  width: 100%;
-  max-height: 55em;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  color: var(--text-primary);
-  transition: 200ms;
-  border-radius: 16px;
-}
-.dark .upcoming-items {
-  box-shadow: inset 0px 40px 80px -40px rgba(0,0,0,0.6);
-}
-.upcoming-assessment-title {
-  color: var(--text-primary);
-  transition: 200ms;
-  font-size: 10px;
-  margin: 0;
-}
-.upcoming-assessment {
-  border: 3px solid var(--item-colour);
-  margin: 5px 50px;
-  height: 6em;
-  padding: 0px;
-  border-radius: 10px;
-}
-.upcoming-assessment {
-  display: flex;
-}
-.upcoming-date-container {
-  margin-bottom: 20px;
-}
-.upcoming-date-title h5 {
-  margin: 0;
-  font-weight: 500;
-}
-.upcoming-details {
-  width: 60%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 0px 12px;
-}
-.upcoming-details h5 {
-  text-transform: uppercase;
-  color: #aaaaaa;
-  padding: 0px 4px;
-  margin: 0;
-}
-.upcoming-details p {
-  font-size: 15px;
-  padding: 4px;
-}
-.upcoming-special-day {
-  font-size: 20px;
-}
-.upcoming-blank {
-  display: flex;
-  border-bottom: 2px solid #bebebe;
-  margin: 5px 50px;
-  height: 2em;
-  padding: 0px;
-}
-.upcoming-blank p {
-  padding: 0;
-  margin: 0;
-}
-.upcoming-title {
-  display: flex;
-  align-content: space-between;
-}
-.upcoming-filters {
-  display: flex;
-  height: 26px;
-  width: 65%;
-  align-self: center;
-  align-items: center;
-  color: var(--text-color);
-  padding: 5px;
-  overflow-x: scroll;
-  overflow-y: hidden;
-}
-.upcoming-checkbox-container {
-  position: relative;
-  padding: none !important;
-  padding-left: 25px !important;
-  padding-right: 10px !important;
-  cursor: pointer;
-  font-size: 12px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  height: 20px;
-  align-items: center;
-  display: flex;
-}
-/* Hide the browser's default checkbox */
-.upcoming-checkbox-container input {
-  position: absolute;
-  opacity: 0;
-  cursor: pointer;
-  height: 0;
-  width: 0;
-  padding: 0;
-}
-/* Create a custom checkbox */
-.upcoming-checkmark {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 15px;
-  width: 15px;
-  border: 3px solid var(--item-colour);
-  border-radius: 5px;
-  color: var(--text-color);
-}
-/* On mouse-over, add a grey background color */
-.upcoming-checkbox-container:hover input ~ .upcoming-checkmark {
-  filter: brightness(0.8);
-}
-/* When the checkbox is checked, add a blue background */
-.upcoming-checkbox-container input:checked ~ .upcoming-checkmark {
-  background: var(--item-colour);
-}
-/* Create the checkmark/indicator (hidden when not checked) */
-.upcoming-checkmark:after {
-  content: "";
-  position: absolute;
-  display: none;
-}
-/* Show the checkmark when checked */
-.upcoming-checkbox-container input:checked ~ .upcoming-checkmark:after {
-  display: block;
-}
-/* Style the checkmark/indicator */
-.upcoming-checkbox-container .upcoming-checkmark:after {
-  left: 3.5px;
-  top: 0px;
-  width: 5px;
-  height: 10px;
-  border: solid white;
-  border-width: 0 3px 3px 0;
-  -webkit-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-.upcoming-hiddenassessment {
-  color: #797979;
-}
 .titlebar {
   align-items: center;
   transition: 200ms;