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">

client/src/pages/Detections.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import api from '../services/api';
 import { format } from 'date-fns';
+import { t } from '../utils/tempTranslations'; // Temporary translation system
 import { 
   MagnifyingGlassIcon,
   FunnelIcon,
@@ -80,7 +81,7 @@ const Detections = () => {
       <div className="flex items-center justify-between">
         <div>
           <h3 className="text-lg leading-6 font-medium text-gray-900">
-            Drone Detections
+            {t('detections.title')}
           </h3>
           <p className="mt-1 text-sm text-gray-500">
             History of all drone detections from your devices
@@ -260,7 +261,7 @@ const Detections = () => {
             {detections.length === 0 && !loading && (
               <div className="text-center py-12">
                 <MagnifyingGlassIcon className="mx-auto h-12 w-12 text-gray-400" />
-                <h3 className="mt-2 text-sm font-medium text-gray-900">No detections found</h3>
+                <h3 className="mt-2 text-sm font-medium text-gray-900">{t('detections.noDetections')}</h3>
                 <p className="mt-1 text-sm text-gray-500">
                   Try adjusting your search filters.
                 </p>