feat: subscription selector in VPN connection block for multi-tariff

- Show VPN connection block even when panelInfo not yet loaded
- Add subscription dropdown when user has multiple subscriptions
- Show spinner while loading, "no data" when panel returns not found
- Changing subscription in VPN block reloads panel info for that sub

src/locales/en.json

@@ -3081,6 +3081,7 @@
         "lastConnection": "Last connection",
         "firstConnection": "First connection",
         "online": "Online",
+        "noVpnData": "No connection data available",
         "requestHistory": "Subscription request history",
         "requestHistoryTotal": "Total requests",
         "requestAt": "Date",

src/locales/ru.json

@@ -3488,6 +3488,7 @@
         "lastConnection": "Последнее подключение",
         "firstConnection": "Первое подключение",
         "online": "Онлайн",
+        "noVpnData": "Нет данных о подключении",
         "requestHistory": "История запросов подписки",
         "requestHistoryTotal": "Всего запросов",
         "requestAt": "Дата",

src/pages/AdminUserDetail.tsx

@@ -1376,11 +1376,35 @@ export default function AdminUserDetail() {
             </div>
 
             {/* VPN Connection Info */}
-            {panelInfo && panelInfo.found && (
+            {(panelInfo || userSubscriptions.length > 0) && (
               <div className="rounded-xl border border-dark-700/30 bg-dark-800/50 p-4">
-                <div className="mb-3 text-sm font-medium text-dark-200">
+                <div className="mb-3 flex items-center justify-between">
+                  <span className="text-sm font-medium text-dark-200">
                     {t('admin.users.detail.vpnConnection')}
+                  </span>
+                  {userSubscriptions.length > 1 && (
+                    <select
+                      value={activeSubscriptionId ?? ''}
+                      onChange={(e) => {
+                        const subId = Number(e.target.value);
+                        setActiveSubscriptionId(subId);
+                      }}
+                      className="rounded-lg border border-dark-600 bg-dark-700 px-3 py-1.5 text-xs text-dark-200"
+                    >
+                      {userSubscriptions.map((s) => (
+                        <option key={s.id} value={s.id}>
+                          {s.tariff_name || `#${s.id}`} — {s.status}
+                        </option>
+                      ))}
+                    </select>
+                  )}
                 </div>
+                {panelInfoLoading && !panelInfo?.found && (
+                  <div className="flex items-center justify-center py-4">
+                    <div className="h-5 w-5 animate-spin rounded-full border-2 border-accent-500 border-t-transparent" />
+                  </div>
+                )}
+                {panelInfo?.found && (
                   <div className="grid grid-cols-2 gap-3">
                     <div className="rounded-lg bg-dark-700/30 p-3">
                       <div className="mb-1 text-xs text-dark-500">
@@ -1448,11 +1472,12 @@ export default function AdminUserDetail() {
                       </div>
                     )}
                   </div>
+                )}
+                {!panelInfoLoading && !panelInfo?.found && userSubscriptions.length > 0 && (
+                  <div className="py-2 text-center text-xs text-dark-500">
+                    {t('admin.users.detail.noVpnData')}
                   </div>
                 )}
-            {panelInfoLoading && !panelInfo && (
-              <div className="flex justify-center rounded-xl bg-dark-800/50 py-4">
-                <div className="h-5 w-5 animate-spin rounded-full border-2 border-accent-500 border-t-transparent" />
               </div>
             )}