feat: refactor billing components and add payment history

- Remove BillingWalletRow.vue component.
- Update PlayerConfigsTable.vue to use JSX syntax and improve rendering logic.
- Enhance auth store with currency and date formatting utilities.
- Add ListIcon and MoneyCheck icon components.
- Implement PaymentHistory component for displaying payment history with download functionality.
- Create PlanSelection component for selecting billing plans with improved UI.
- Introduce UpgradeDialog component for handling plan upgrades and payment methods.

public/locales/en/translation.json

@@ -503,7 +503,7 @@
       "username": "Username",
       "email": "Email Address",
       "storageUsage": "Storage Usage",
-      "storageUsedOfLimit": "{{used}} of {{limit}} used",
+      "storageUsedOfLimit": "{{used}} used",
       "editProfile": "Edit Profile",
       "changePassword": "Change Password"
     },
@@ -534,9 +534,9 @@
       "processing": "Processing...",
       "upgrade": "Upgrade",
       "storage": "Storage",
-      "storageUsedOfLimit": "{{used}} of {{limit}} used",
+      "storageUsedOfLimit": "{{used}} used",
       "totalVideos": "Total videos",
-      "totalVideosUsedOfLimit": "{{used}} of {{limit}} videos",
+      "totalVideosUsedOfLimit": "{{used}} videos",
       "paymentHistory": "Payment History",
       "paymentHistorySubtitle": "Your past payments and invoices",
       "noPaymentHistory": "No payment history found.",
@@ -552,9 +552,9 @@
       },
       "subscription": {
         "activeTitle": "Plan active",
-        "activeDescription": " {{plan}} is active until {{date}}",
+        "activeDescription": " Active until {{date}}",
         "expiringTitle": "Expiring soon",
-        "expiringDescription": " {{plan}} expires on {{date}}",
+        "expiringDescription": " Expires on {{date}}",
         "expiredTitle": "Plan expired",
         "expiredDescription": "Your last subscription ended on {{date}}",
         "freeTitle": "Free access",

public/locales/vi/translation.json

@@ -503,7 +503,7 @@
       "username": "Tên người dùng",
       "email": "Địa chỉ email",
       "storageUsage": "Dung lượng sử dụng",
-      "storageUsedOfLimit": "Đã dùng {{used}} trên {{limit}}",
+      "storageUsedOfLimit": "Đã dùng {{used}}",
       "editProfile": "Chỉnh sửa hồ sơ",
       "changePassword": "Đổi mật khẩu"
     },
@@ -534,9 +534,9 @@
       "processing": "Đang xử lý...",
       "upgrade": "Nâng cấp",
       "storage": "Dung lượng",
-      "storageUsedOfLimit": "Đã dùng {{used}} trên {{limit}}",
+      "storageUsedOfLimit": "Đã dùng {{used}}",
       "totalVideos": "Tổng video",
-      "totalVideosUsedOfLimit": "{{used}} trên {{limit}} video",
+      "totalVideosUsedOfLimit": "{{used}} video",
       "paymentHistory": "Lịch sử thanh toán",
       "paymentHistorySubtitle": "Các khoản thanh toán và hóa đơn trước đây của bạn",
       "noPaymentHistory": "Không tìm thấy lịch sử thanh toán.",
@@ -551,9 +551,9 @@
       },
       "subscription": {
         "activeTitle": "Gói đang hoạt động",
-        "activeDescription": " {{plan}} có hiệu lực đến {{date}}",
+        "activeDescription": " Hiệu lực đến {{date}}",
         "expiringTitle": "Sắp hết hạn",
-        "expiringDescription": " {{plan}} sẽ hết hạn vào {{date}}",
+        "expiringDescription": "Hết hạn vào {{date}}",
         "expiredTitle": "Gói đã hết hạn",
         "expiredDescription": "Gói gần nhất của bạn đã kết thúc vào {{date}}",
         "freeTitle": "Gói miễn phí",