♻️ refactor: Add localization updates for log and server files across multiple languages

- Added new keys for "server", "subscribe", "detail", "pending", "sending", "sent", and "unknown" in log.json files for various languages.
- Introduced a "type" object with transaction types (Recharge, Withdraw, Purchase, Refund, Reward, Commission) in log.json files for multiple languages.
- Updated "traffic_ratio" to "Ratio" and added "transport" in servers.json for English localization.
- Ensured consistency and accuracy in translations for all affected languages including German, English, Spanish, French, Russian, Chinese, and more.

apps/admin/app/dashboard/user/user-detail.tsx

@@ -10,7 +10,15 @@ import { formatBytes } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 
-export function UserSubscribeDetail({ id, enabled }: { id: number; enabled: boolean }) {
+export function UserSubscribeDetail({
+  id,
+  enabled,
+  hoverCard = false,
+}: {
+  id: number;
+  enabled: boolean;
+  hoverCard?: boolean;
+}) {
   const t = useTranslations('user');
 
   const { data } = useQuery({
@@ -27,7 +35,7 @@ export function UserSubscribeDetail({ id, enabled }: { id: number; enabled: bool
   const usedTraffic = data ? data.upload + data.download : 0;
   const totalTraffic = data?.traffic || 0;
 
-  return (
+  const subscribeContent = (
     <div className='space-y-4'>
       <div>
         <h3 className='mb-2 text-sm font-medium'>{t('subscriptionInfo')}</h3>
@@ -69,42 +77,59 @@ export function UserSubscribeDetail({ id, enabled }: { id: number; enabled: bool
         </div>
       </div>
 
-      <div>
-        <h3 className='mb-2 text-sm font-medium'>
-          {t('userInfo')}
-          {/* Removed link to legacy user detail page */}
-        </h3>
-        <ul className='grid gap-3'>
-          <li className='flex items-center justify-between font-semibold'>
-            <span className='text-muted-foreground'>{t('userId')}</span>
-            <span>{data?.user_id}</span>
-          </li>
-          <li className='flex items-center justify-between font-semibold'>
-            <span className='text-muted-foreground'>{t('balance')}</span>
-            <span>
-              <Display type='currency' value={data?.user.balance} />
-            </span>
-          </li>
-          <li className='flex items-center justify-between'>
-            <span className='text-muted-foreground'>{t('giftAmount')}</span>
-            <span>
-              <Display type='currency' value={data?.user?.gift_amount} />
-            </span>
-          </li>
-          <li className='flex items-center justify-between'>
-            <span className='text-muted-foreground'>{t('commission')}</span>
-            <span>
-              <Display type='currency' value={data?.user?.commission} />
-            </span>
-          </li>
-          <li className='flex items-center justify-between'>
-            <span className='text-muted-foreground'>{t('createdAt')}</span>
-            <span>{data?.user?.created_at && formatDate(data?.user?.created_at)}</span>
-          </li>
-        </ul>
-      </div>
+      {!hoverCard && (
+        <div>
+          <h3 className='mb-2 text-sm font-medium'>
+            {t('userInfo')}
+            {/* Removed link to legacy user detail page */}
+          </h3>
+          <ul className='grid gap-3'>
+            <li className='flex items-center justify-between font-semibold'>
+              <span className='text-muted-foreground'>{t('userId')}</span>
+              <span>{data?.user_id}</span>
+            </li>
+            <li className='flex items-center justify-between font-semibold'>
+              <span className='text-muted-foreground'>{t('balance')}</span>
+              <span>
+                <Display type='currency' value={data?.user.balance} />
+              </span>
+            </li>
+            <li className='flex items-center justify-between'>
+              <span className='text-muted-foreground'>{t('giftAmount')}</span>
+              <span>
+                <Display type='currency' value={data?.user?.gift_amount} />
+              </span>
+            </li>
+            <li className='flex items-center justify-between'>
+              <span className='text-muted-foreground'>{t('commission')}</span>
+              <span>
+                <Display type='currency' value={data?.user?.commission} />
+              </span>
+            </li>
+            <li className='flex items-center justify-between'>
+              <span className='text-muted-foreground'>{t('createdAt')}</span>
+              <span>{data?.user?.created_at && formatDate(data?.user?.created_at)}</span>
+            </li>
+          </ul>
+        </div>
+      )}
     </div>
   );
+
+  if (hoverCard) {
+    return (
+      <HoverCard>
+        <HoverCardTrigger asChild>
+          <Button variant='link' className='p-0'>
+            {data?.subscribe?.name || t('loading')}
+          </Button>
+        </HoverCardTrigger>
+        <HoverCardContent className='w-96'>{subscribeContent}</HoverCardContent>
+      </HoverCard>
+    );
+  }
+
+  return subscribeContent;
 }
 
 export function UserDetail({ id }: { id: number }) {