Clean up

frontend/src/css/_animations.scss

@@ -1,15 +1,15 @@
 @keyframes fadeIn {
-    from { 
-        opacity: 0; 
-        transform: translateY(10px); 
+    from {
+        opacity: 0;
+        transform: translateY(10px);
     }
-    
-    to { 
-        opacity: 1; 
-        transform: translateY(0); 
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
     }
 }
-  
+
 .fade-in {
     animation: fadeIn 0.3s ease forwards;
 }

frontend/src/css/_components.scss

@@ -14,7 +14,7 @@
         background-color: #C6F6D5;
         color: #22543D;
     }
-    
+
     &.alert-danger {
         background-color: #FED7D7;
         color: #742A2A;
@@ -22,7 +22,7 @@
 }
 
 .link {
-    color: $color-dark-primary; 
+    color: $color-dark-primary;
     font-weight: 600;
 }
 
@@ -38,11 +38,11 @@ button, input {
         font-size: 1.2rem;
         font-weight: 600;
     }
-    
+
     mdui-text-field {
         width: 100%;
     }
-    
+
     .dialog-actions {
         display: flex;
         gap: 0.75rem;

frontend/src/css/_material.scss

@@ -54,10 +54,10 @@ $color-dark-surface-primary-container-lightened: color.adjust($color-dark-primar
 $color-dark-surface-container-lightened: color.adjust($color-dark-surface-container, $lightness: 5%);
 
 // custom colors
-$color-1: rgb(82, 109, 246);   
-$color-2: rgb(65, 11, 113);   
-$color-4: rgb(95, 26, 198);   
-$color-3: rgb(49, 71, 179);   
+$color-1: rgb(82, 109, 246);
+$color-2: rgb(65, 11, 113);
+$color-4: rgb(95, 26, 198);
+$color-3: rgb(49, 71, 179);
 // Light
 $color-light-primary: rgb(31 101 134);
 $color-light-surface-tint: rgb(31 101 134);