fix(frontend): sync with main and finalize i18n & component optimizations

frontend/src/views/admin/AccountsView.vue

@@ -216,7 +216,7 @@
           </template>
 
           <template #cell-status="{ row }">
-            <AccountStatusIndicator :account="row" />
+            <AccountStatusIndicator :account="row" @show-temp-unsched="handleShowTempUnsched" />
           </template>
 
           <template #cell-schedulable="{ row }">
@@ -400,6 +400,14 @@
     <!-- Account Stats Modal -->
     <AccountStatsModal :show="showStatsModal" :account="statsAccount" @close="closeStatsModal" />
 
+    <!-- Temp Unschedulable Status Modal -->
+    <TempUnschedStatusModal
+      :show="showTempUnschedModal"
+      :account="tempUnschedAccount"
+      @close="closeTempUnschedModal"
+      @reset="handleTempUnschedReset"
+    />
+
     <!-- Delete Confirmation Dialog -->
     <ConfirmDialog
       :show="showDeleteDialog"
@@ -512,6 +520,7 @@ import {
   BulkEditAccountModal,
   ReAuthAccountModal,
   AccountStatsModal,
+  TempUnschedStatusModal,
   SyncFromCrsModal
 } from '@/components/account'
 import AccountStatusIndicator from '@/components/account/AccountStatusIndicator.vue'
@@ -572,9 +581,9 @@ const typeOptions = computed(() => [
 
 const statusOptions = computed(() => [
   { value: '', label: t('admin.accounts.allStatus') },
-  { value: 'active', label: t('common.active') },
-  { value: 'inactive', label: t('common.inactive') },
-  { value: 'error', label: t('common.error') }
+  { value: 'active', label: t('admin.accounts.status.active') },
+  { value: 'inactive', label: t('admin.accounts.status.inactive') },
+  { value: 'error', label: t('admin.accounts.status.error') }
 ])
 
 // State
@@ -604,6 +613,7 @@ const showDeleteDialog = ref(false)
 const showBulkDeleteDialog = ref(false)
 const showTestModal = ref(false)
 const showStatsModal = ref(false)
+const showTempUnschedModal = ref(false)
 const showCrsSyncModal = ref(false)
 const showBulkEditModal = ref(false)
 const editingAccount = ref<Account | null>(null)
@@ -611,6 +621,7 @@ const reAuthAccount = ref<Account | null>(null)
 const deletingAccount = ref<Account | null>(null)
 const testingAccount = ref<Account | null>(null)
 const statsAccount = ref<Account | null>(null)
+const tempUnschedAccount = ref<Account | null>(null)
 const togglingSchedulable = ref<number | null>(null)
 const bulkDeleting = ref(false)
 
@@ -775,6 +786,21 @@ const closeReAuthModal = () => {
   reAuthAccount.value = null
 }
 
+// Temp unschedulable modal
+const handleShowTempUnsched = (account: Account) => {
+  tempUnschedAccount.value = account
+  showTempUnschedModal.value = true
+}
+
+const closeTempUnschedModal = () => {
+  showTempUnschedModal.value = false
+  tempUnschedAccount.value = null
+}
+
+const handleTempUnschedReset = () => {
+  loadAccounts()
+}
+
 // Token refresh
 const handleRefreshToken = async (account: Account) => {
   try {

frontend/src/views/admin/GroupsView.vue

@@ -164,7 +164,7 @@
 
           <template #cell-status="{ value }">
             <span :class="['badge', value === 'active' ? 'badge-success' : 'badge-danger']">
-              {{ t('admin.groups.statuses.' + value) }}
+              {{ t('admin.accounts.status.' + value) }}
             </span>
           </template>
 
@@ -683,8 +683,8 @@ const columns = computed<Column[]>(() => [
 // Filter options
 const statusOptions = computed(() => [
   { value: '', label: t('admin.groups.allStatus') },
-  { value: 'active', label: t('common.active') },
-  { value: 'inactive', label: t('common.inactive') }
+  { value: 'active', label: t('admin.accounts.status.active') },
+  { value: 'inactive', label: t('admin.accounts.status.inactive') }
 ])
 
 const exclusiveOptions = computed(() => [
@@ -709,8 +709,8 @@ const platformFilterOptions = computed(() => [
 ])
 
 const editStatusOptions = computed(() => [
-  { value: 'active', label: t('common.active') },
-  { value: 'inactive', label: t('common.inactive') }
+  { value: 'active', label: t('admin.accounts.status.active') },
+  { value: 'inactive', label: t('admin.accounts.status.inactive') }
 ])
 
 const subscriptionTypeOptions = computed(() => [

frontend/src/views/admin/ProxiesView.vue

@@ -103,7 +103,7 @@
 
           <template #cell-status="{ value }">
             <span :class="['badge', value === 'active' ? 'badge-success' : 'badge-danger']">
-              {{ t('admin.proxies.statuses.' + value) }}
+              {{ t('admin.accounts.status.' + value) }}
             </span>
           </template>
 
@@ -634,8 +634,8 @@ const protocolOptions = computed(() => [
 
 const statusOptions = computed(() => [
   { value: '', label: t('admin.proxies.allStatus') },
-  { value: 'active', label: t('common.active') },
-  { value: 'inactive', label: t('common.inactive') }
+  { value: 'active', label: t('admin.accounts.status.active') },
+  { value: 'inactive', label: t('admin.accounts.status.inactive') }
 ])
 
 // Form options
@@ -647,8 +647,8 @@ const protocolSelectOptions = computed(() => [
 ])
 
 const editStatusOptions = computed(() => [
-  { value: 'active', label: t('admin.proxies.statuses.active') },
-  { value: 'inactive', label: t('admin.proxies.statuses.inactive') }
+  { value: 'active', label: t('admin.accounts.status.active') },
+  { value: 'inactive', label: t('admin.accounts.status.inactive') }
 ])
 
 const proxies = ref<Proxy[]>([])

frontend/src/views/admin/RedeemView.vue

@@ -140,7 +140,7 @@
                     : 'badge-danger'
               ]"
             >
-              {{ t('admin.redeem.statuses.' + value) }}
+              {{ t('admin.redeem.status.' + value) }}
             </span>
           </template>
 

frontend/src/views/admin/SettingsView.vue

@@ -240,7 +240,7 @@
                       href="https://dash.cloudflare.com/"
                       target="_blank"
                       class="text-primary-600 hover:text-primary-500"
-                      >Cloudflare Dashboard</a
+                      >{{ t('admin.settings.turnstile.cloudflareDashboard') }}</a
                     >
                   </p>
                 </div>