Fase 3 (islas): historiales de seguridad y transacciones en React/TSX

Tabla genérica reutilizable HistoryTable (columnas por data-columns, filas por
json_script) + entry history_table:
- security_history: intentos de conexión (username/status/ip/fecha). Se elimina la
  caja "actividad" duplicada. Las vistas pasan login_attempts_data serializable.
- trans_history: historial de transacciones (StripeLog) con transactions_data.

Datos embebidos con json_script (sin endpoint extra). Verificado: check OK, ambas
plantillas renderizan la isla con datos.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

home/views/history.py

@@ -68,4 +68,17 @@ def security_history_view(request):
     # Obtener los últimos 20 intentos de inicio de sesión
     login_attempts = LoginAttempt.objects.filter(username=username).order_by('-timestamp')[:20]
 
-    return render(request, 'account/security_history.html', {'login_attempts': login_attempts})
+    login_attempts_data = [
+        {
+            'username': a.username,
+            'status': a.status,
+            'ip_address': a.ip_address,
+            'timestamp': a.timestamp.strftime('%d-%m-%Y %H:%M:%S') if a.timestamp else '',
+        }
+        for a in login_attempts
+    ]
+
+    return render(request, 'account/security_history.html', {
+        'login_attempts': login_attempts,
+        'login_attempts_data': login_attempts_data,
+    })

home/views/points.py

@@ -86,8 +86,26 @@ def trans_history_view(request):
     else:
         transactions = []
     
+    transactions_data = [
+        {
+            'account_id': t.account_id,
+            'username': t.username,
+            'character_name': t.character_name,
+            'acore_ip': t.acore_ip,
+            'email': t.email,
+            'product_name': t.product_name,
+            'amount': f"{t.amount} €",
+            'timestamp': t.timestamp.strftime('%d-%m-%Y %H:%M:%S') if t.timestamp else '',
+            'mode': t.mode,
+        }
+        for t in transactions
+    ]
+
     # Renderizamos la vista con el historial de transacciones
-    return render(request, 'account/trans_history.html', {'transactions': transactions})
+    return render(request, 'account/trans_history.html', {
+        'transactions': transactions,
+        'transactions_data': transactions_data,
+    })
 def trade_points_view(request):
     """
     Vista para la página de intercambio de puntos.