Update index.html

index.html

@@ -258,14 +258,23 @@
             render();
         });
 
-        function render() {
+function render() {
             const grid = document.getElementById('examsGrid');
-            grid.innerHTML = dataStore.sort((a,b)=>a.date-b.date).map(e => {
+            
+            // 1. Create a safe copy of the data using [...dataStore]
+            // 2. Sort explicitly by converting everything to a timestamp first
+            const sortedExams = [...dataStore].sort((a, b) => {
+                const dateA = new Date(a.date).getTime();
+                const dateB = new Date(b.date).getTime();
+                return dateA - dateB;
+            });
+
+            // 3. Map over the NEW sortedExams array instead of dataStore
+            grid.innerHTML = sortedExams.map(e => {
                 const now = new Date(); now.setHours(0,0,0,0);
                 const target = new Date(e.date); target.setHours(0,0,0,0);
                 const diff = Math.ceil((target - now) / 86400000);
                 
-                // Since auto-delete removes negatives, we just handle 0 (Today) and positives
                 let val = diff === 0 ? 'NOW' : diff;
                 let label = diff === 0 ? 'CRITICAL_EVENT' : (diff === 1 ? 'CYCLE_REMAINING' : 'CYCLES_REMAINING');
 
@@ -283,7 +292,6 @@
                 </div>`;
             }).join('');
         }
-
         window.tilt = (e, card) => {
             const rect = card.getBoundingClientRect();
             const x = e.clientX - rect.left;