Refactor Highlight Clearing Logic in AreaTabs Component

- Updated comments for clarity on highlight clearing timing after animations.
- Reinforced the logic to ensure highlights are cleared after all animations complete, improving visual consistency.

app/components/navigation/AreaTabs.vue

@@ -155,13 +155,12 @@ watch(visibleAreas, (newAreas, oldAreas) => {
       }, 300 + (index * 150)) // Stagger: 300ms, 450ms, 600ms, ...
     })
 
-    // Clear all highlights after animation completes (including fade-out)
+    // Clear all highlights after animation completes
-    // Animation timeline: glow+pulse 2x (~1.4s) + fade-out (0.6s) = 2.0s
+    // Animation timeline: glow 2x + pulse 2x + opacity fade = 2.0s
-    // Wait 2.1s to ensure fade-out completes before removing class
+    // Wait 2.1s to ensure all animations complete before removing class
-    // TEMPORARILY DISABLED FOR TESTING
+    setTimeout(() => {
-    // setTimeout(() => {
+      newlyAddedAreaIds.value = []
-    //   newlyAddedAreaIds.value = []
+    }, 2100)
-    // }, 2100)
   }
 
   previousAreaIds.value = newAreaIds