add weekday labels

src/View/Components/monthGrid.css

@@ -1,4 +1,17 @@
 .month-grid-wrapper {
+  display: flex;
+  flex-direction: column;
+
+  gap: var(--gap-between-tiles);
+
+  height: 100%;
+}
+
+.month-grid-wrapper .day-labels {
+    flex: 0;
+}
+
+.month-grid-wrapper > div {
   display: grid;
   gap: var(--gap-between-tiles);
 
@@ -10,16 +23,23 @@
   grid-auto-rows: 1fr;
 }
 
-.month-grid-wrapper .tile > div {
-    display: flex;
-    flex-direction: column;
+.month-grid .tile {
+  animation: slide-up var(--animation-duration);
+}
 
-    height: 100%;
-    width: 100%;
+.month-grid .tile > div {
+  display: flex;
+  flex-direction: column;
+
+  height: 100%;
+  width: 100%;
+}
+.month-grid .tile > div span {
+  animation: slide-up var(--animation-duration);
 }
 
 @media (max-width: 640px) {
-  .month-grid-wrapper .tile {
+  .month-grid .tile {
     padding: 4px;
   }
 }