refactor: rewrite dashboard components to match prototype design

- Rewrite TrafficProgressBar with multi-segment gradient fill, flex-based
  zone tints, shimmer + highlight overlays, radial glow at fill edge
- Rewrite SubscriptionCardActive with zone header, big percentage on right,
  connect device card with device dots, tariff/days-left two-column row,
  sparkline placeholder, traffic refresh controls
- Rewrite SubscriptionCardExpired with red glow, grid pattern, gradient
  renew button, outline tariffs button
- Rewrite TrialOfferCard with animated glow background, grid pattern,
  icon glow animation, price tag with old price, gradient CTA buttons
- Rewrite StatsGrid with 2x2 card layout, icon+label+chevron header,
  big value numbers, zone-colored balance/earnings cards
- Update Sparkline with color prop and last-point dot indicator
- Update useAnimatedNumber to use easeOutExpo matching prototype
- Add formatTraffic utility for MB/GB/TB unit formatting
- Add mainHex to trafficZone for inline style support
- Update animations to match prototype timing
- Add new i18n keys for redesigned components

src/locales/en.json

@@ -234,16 +234,27 @@
     },
     "connectDevice": "Connect Device",
     "devicesConnected": "{{count}} connected",
+    "devicesOfMax": "{{used}} of {{max}} connected",
+    "devicesShort": "dev.",
     "trafficUsage": "{{used}} / {{limit}} GB",
+    "trafficUsageTitle": "Traffic Usage",
+    "usedTraffic": "used {{amount}}",
+    "usedSuffix": "used",
     "unlimited": "Unlimited",
+    "unlimitedTraffic": "Unlimited traffic",
     "tariff": "Tariff",
     "validUntil": "until {{date}}",
+    "remaining": "Remaining",
     "daysRemaining": "Days left",
+    "usageLast14Days": "Usage last 14 days",
+    "maxUsage": "max {{amount}}",
     "expired": {
       "title": "Subscription Expired",
       "trialTitle": "Trial Expired",
-      "renew": "Renew",
-      "tariffs": "View Tariffs",
+      "trialSubtitle": "Trial period ended",
+      "paidSubtitle": "Subscription has expired",
+      "renew": "Renew Subscription",
+      "tariffs": "Tariffs",
       "traffic": "Traffic",
       "devices": "Devices",
       "expiredDate": "Expired"
@@ -295,6 +306,7 @@
     "buyDevices": "Buy Devices",
     "renewalOptions": "Renewal Options",
     "days": "days",
+    "daysShort": "d.",
     "days_one": "{{count}} day",
     "days_other": "{{count}} days",
     "hours": "h",