fix(dashboard): fix date conversion offset, calendar arrow directions, payment duplicate warning, attendance class filter, and session auto-generation

src/assets/styles/main.scss

@@ -119,18 +119,40 @@ a {
 
   .vpd-controls {
     color: var(--text-primary) !important;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: space-between !important;
+    direction: rtl !important;
     padding: 6px 10px;
 
+    .vpd-prev {
+      order: 1 !important;
+
+      svg {
+        transform: rotate(180deg) !important;
+      }
+    }
+
+    .vpd-month-label {
+      order: 2 !important;
+      flex: 1 !important;
+      text-align: center !important;
+    }
+
+    .vpd-next {
+      order: 3 !important;
+
+      svg {
+        transform: rotate(0deg) !important;
+      }
+    }
+
     .vpd-next,
     .vpd-prev,
     button {
       display: inline-flex !important;
       align-items: center !important;
       justify-content: center !important;
-      transform: none !important;
       width: 32px !important;
       height: 32px !important;
       border-radius: 8px !important;
@@ -144,7 +166,6 @@ a {
         width: 14px !important;
         height: 14px !important;
         fill: var(--text-primary) !important;
-        transform: none !important;
 
         path {
           fill: var(--text-primary) !important;