Fix jwt-token

client/src/pages/Dashboard.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useSocket } from '../contexts/SocketContext';
 import MovementAlertsPanel from '../components/MovementAlertsPanel';
 import api from '../services/api';
+import { t } from '../utils/tempTranslations'; // Temporary translation system
 import {
   ServerIcon,
   ExclamationTriangleIcon,
@@ -71,7 +72,7 @@ const Dashboard = () => {
   const stats = [
     {
       id: 1,
-      name: 'Total Devices',
+      name: t('dashboard.totalDetections'),
       stat: overview?.summary?.total_devices || 0,
       icon: ServerIcon,
       change: null,
@@ -80,7 +81,7 @@ const Dashboard = () => {
     },
     {
       id: 2,
-      name: 'Online Devices',
+      name: t('dashboard.connectedDevices'),
       stat: overview?.summary?.online_devices || 0,
       icon: SignalIcon,
       change: null,
@@ -89,7 +90,7 @@ const Dashboard = () => {
     },
     {
       id: 3,
-      name: 'Recent Detections',
+      name: t('dashboard.recentDetections'),
       stat: overview?.summary?.recent_detections || 0,
       icon: ExclamationTriangleIcon,
       change: null,
@@ -98,7 +99,7 @@ const Dashboard = () => {
     },
     {
       id: 4,
-      name: 'Unique Drones',
+      name: t('dashboard.activeAlerts'),
       stat: overview?.summary?.unique_drones_detected || 0,
       icon: EyeIcon,
       change: null,
@@ -119,7 +120,7 @@ const Dashboard = () => {
       <div className="flex items-center justify-between">
         <div>
           <h3 className="text-lg leading-6 font-medium text-gray-900">
-            System Overview
+            {t('dashboard.title')}
           </h3>
         </div>
         <div className="flex items-center space-x-4">