fix: Add location state handling for navigation in ProtectedRoute, Login, and Settings components

Author: Clément VALENTIN

apps/web/src/App.tsx

@@ -1,4 +1,4 @@
-import { Routes, Route, Navigate } from 'react-router-dom'
+import { Routes, Route, Navigate, useLocation } from 'react-router-dom'
 import { Suspense, lazy } from 'react'
 import { useAuth } from './hooks/useAuth'
 import Layout from './components/Layout'
@@ -50,6 +50,7 @@ function PageLoader() {
 
 function ProtectedRoute({ children }: { children: React.ReactNode }) {
   const { isAuthenticated, isLoading } = useAuth()
+  const location = useLocation()
 
   if (isLoading) {
     return (
@@ -59,7 +60,12 @@ function ProtectedRoute({ children }: { children: React.ReactNode }) {
     )
   }
 
-  return isAuthenticated ? <>{children}</> : <Navigate to="/login" replace />
+  if (!isAuthenticated) {
+    // Sauvegarder l'URL courante pour y revenir après connexion
+    return <Navigate to="/login" state={{ from: location.pathname }} replace />
+  }
+
+  return <>{children}</>
 }
 
 function PublicRoute({ children }: { children: React.ReactNode }) {

apps/web/src/pages/Login.tsx

@@ -1,19 +1,27 @@
 import { useState } from 'react'
-import { Link, useNavigate } from 'react-router-dom'
+import { Link, useNavigate, useLocation } from 'react-router-dom'
 import { useAuth } from '@/hooks/useAuth'
 import { LogIn, Eye, EyeOff } from 'lucide-react'
 
+interface LocationState {
+  from?: string
+}
+
 export default function Login() {
   const [email, setEmail] = useState('')
   const [password, setPassword] = useState('')
   const [showPassword, setShowPassword] = useState(false)
   const { login, loginLoading, loginError } = useAuth()
   const navigate = useNavigate()
+  const location = useLocation()
+
+  // Récupérer l'URL de redirection depuis le state ou utiliser /dashboard par défaut
+  const from = (location.state as LocationState)?.from || '/dashboard'
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
     login({ email, password }, {
-      onSuccess: () => navigate('/dashboard'),
+      onSuccess: () => navigate(from, { replace: true }),
     })
   }
 

apps/web/src/pages/Settings.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useNavigate } from 'react-router-dom'
+import { useNavigate, useLocation } from 'react-router-dom'
 import toast from 'react-hot-toast'
 import { authApi } from '@/api/auth'
 import { useAuth } from '@/hooks/useAuth'
@@ -11,6 +11,7 @@ import { Trash2, TrendingUp, Copy, RefreshCw, Key, Lock, LogOut, Palette, Eye, E
 export default function Settings() {
   const { user, logout } = useAuth()
   const navigate = useNavigate()
+  const location = useLocation()
   const queryClient = useQueryClient()
   const { mode, setMode } = useThemeStore()
   const isDemo = useIsDemo()
@@ -131,7 +132,7 @@ export default function Settings() {
 
   const handleLogout = () => {
     logout()
-    navigate('/login')
+    navigate('/login', { state: { from: location.pathname } })
   }
 
   const copyNewSecret = () => {