chore(front): extrait KpiCard, unifie la clé de session, retire du code mort

- KpiCard était déclaré dans Dashboard.jsx : sorti dans son propre
  fichier avec ses styles, les règles CSS devenues orphelines sont
  supprimées de Dashboard.module.css.
- La clé localStorage 'ds_user' était définie séparément dans api.js
  (USER_KEY) et AuthContext.jsx (STORAGE_KEY). AuthContext importe
  désormais la constante exportée par api.js : un renommage ne peut
  plus casser silencieusement la restauration de session.
- hooks/useApi.js n'était importé nulle part : supprimé.

DataSentinel/src/pages/Dashboard/Dashboard.jsx

@@ -4,20 +4,11 @@ import { useState, useEffect, useCallback, useMemo } from 'react';
 import { RefreshCw } from 'lucide-react';
 import { getDashboard, getDashboardSummary, getDashboardFiltres } from '../../services/api';
 import MonitoringCard from '../../components/common/MonitoringCard';
+import KpiCard from '../../components/common/KpiCard';
 import LoadingSpinner from '../../components/common/LoadingSpinner';
 import ErrorMessage from '../../components/common/ErrorMessage';
 import styles from './Dashboard.module.css';
 
-/* Carte KPI affichant un indicateur clé */
-function KpiCard({ label, value, color }) {
-  return (
-    <div className={styles.kpiCard}>
-      <span className={styles.kpiValue} style={{ color }}>{value}</span>
-      <span className={styles.kpiLabel}>{label}</span>
-    </div>
-  );
-}
-
 export default function Dashboard() {
   const [summary, setSummary] = useState(null);
   const [monitorings, setMonitorings] = useState([]);