Add css fade in transition for calendar next/prev changes

static/css/style.css

@@ -108,3 +108,26 @@ tr.htmx-swapping td {
 .htmx-request.loading-indicator{
     display:flex;
 }
+
+
+@keyframes slideInLeft {
+    from { transform: translateX(-100%); opacity: 0; }
+    to { transform: translateX(0); opacity: 1; }
+}
+
+.animate-slideInLeft {
+    animation-name: slideInLeft;
+    animation-duration: 0.5s;
+    animation-fill-mode: both;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+.animate-fadeIn {
+    animation-name: fadeIn;
+    animation-duration: 0.5s;
+    animation-fill-mode: both;
+}