Enhance Confetti Animation in AreaTabs Component

- Increased particle count and spread for a more vibrant confetti effect.
- Adjusted ticks and gravity for improved animation speed and realism.
- Reduced initial velocity for a smoother visual experience during confetti bursts.

app/components/navigation/AreaTabs.vue

@@ -153,13 +153,14 @@ function triggerConfetti(element: HTMLElement) {
 
   // Confetti burst from tab position
   confetti({
-    particleCount: 25,
-    spread: 50,
+    particleCount: 50,
+    spread: 120,
     origin: { x, y },
     colors: ['#E91E85', '#FF6B9D', '#C77DFF', '#9D4EDD'],
-    ticks: 200,
-    gravity: 1.2,
+    ticks: 60,
+    gravity: 1.3, // Increased gravity for faster fall
     scalar: 0.8,
+    startVelocity: 15, // Reduced initial velocity (default: 45)
   })
 }