feat: version 3.0.0 -- Correcciones de auditoria de seguridad, accesibilidad y redundancia

Permisos (superadmin, viewer, busqueda, tareas recurrentes), bootstrap atomico,
revocacion de JWT por version de sesion (028), control optimista de edicion (029),
logo sin SVG + CSP, ingesta endurecida, correos escapados, borradores, paginacion
de proyectos, accesibilidad de dialogos/controles e i18n.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/app/App.jsx

@@ -1,4 +1,4 @@
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { createBrowserRouter, createRoutesFromElements, RouterProvider, Route } from 'react-router-dom';
 import { AuthProvider } from '../context/auth-context.jsx';
 import { UiProvider } from '../context/ui-context.jsx';
 import { BrandingProvider } from '../context/branding-context.jsx';
@@ -24,34 +24,38 @@ import ContrasenasPage from '../pages/Contrasenas/ContrasenasPage.jsx';
 import EquiposPage from '../pages/Equipos/EquiposPage.jsx';
 import ResetVaultPinPage from '../pages/Login/ResetVaultPinPage.jsx';
 
+// Router de datos (createBrowserRouter): necesario para useBlocker, que avisa al salir de una
+// seccion con cambios sin guardar (ver components/NavigationGuard.jsx). Mismas rutas de antes.
+const router = createBrowserRouter(createRoutesFromElements(
+  <>
+    <Route path="/login" element={<LoginPage />} />
+    <Route path="/registro" element={<RegisterPage />} />
+    <Route path="/verificar-correo" element={<VerifyEmailPage />} />
+    <Route path="/olvide-clave" element={<ForgotPasswordPage />} />
+    <Route path="/restablecer-clave" element={<ResetPasswordPage />} />
+    <Route path="/restablecer-pin" element={<ResetVaultPinPage />} />
+    <Route path="/aceptar-invitacion" element={<AcceptInvitePage />} />
+    <Route path="/" element={<ProtectedRoute><AppShell /></ProtectedRoute>}>
+      <Route index element={<DashboardPage />} />
+      <Route path="proyectos" element={<ProyectosPage />} />
+      <Route path="proyectos/:id" element={<ProyectoDetallePage />} />
+      <Route path="tareas-recurrentes" element={<RecurringTasksPage />} />
+      <Route path="notas" element={<NotasPage />} />
+      <Route path="contrasenas" element={<ContrasenasPage />} />
+      <Route path="equipos" element={<EquiposPage />} />
+      <Route path="organizacion" element={<OrganizacionPage />} />
+      <Route path="configuracion" element={<ConfiguracionPage />} />
+    </Route>
+  </>
+));
+
 export default function App() {
   return (
     <ErrorBoundary>
       <BrandingProvider>
         <UiProvider>
           <AuthProvider>
-            <BrowserRouter>
-              <Routes>
-                <Route path="/login" element={<LoginPage />} />
-                <Route path="/registro" element={<RegisterPage />} />
-                <Route path="/verificar-correo" element={<VerifyEmailPage />} />
-                <Route path="/olvide-clave" element={<ForgotPasswordPage />} />
-                <Route path="/restablecer-clave" element={<ResetPasswordPage />} />
-                <Route path="/restablecer-pin" element={<ResetVaultPinPage />} />
-                <Route path="/aceptar-invitacion" element={<AcceptInvitePage />} />
-                <Route path="/" element={<ProtectedRoute><AppShell /></ProtectedRoute>}>
-                  <Route index element={<DashboardPage />} />
-                  <Route path="proyectos" element={<ProyectosPage />} />
-                  <Route path="proyectos/:id" element={<ProyectoDetallePage />} />
-                  <Route path="tareas-recurrentes" element={<RecurringTasksPage />} />
-                  <Route path="notas" element={<NotasPage />} />
-                  <Route path="contrasenas" element={<ContrasenasPage />} />
-                  <Route path="equipos" element={<EquiposPage />} />
-                  <Route path="organizacion" element={<OrganizacionPage />} />
-                  <Route path="configuracion" element={<ConfiguracionPage />} />
-                </Route>
-              </Routes>
-            </BrowserRouter>
+            <RouterProvider router={router} />
             <ContentDialogHost />
             <ToastHost />
           </AuthProvider>

frontend/src/app/AppShell.jsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { Outlet, useNavigate } from 'react-router-dom';
 import { Menu, Sun, Moon, Bell, LogOut, User, Globe, KeyRound, Save } from 'lucide-react';
 import { NavigationView } from '../components/NavigationView.jsx';
+import { NavigationGuard } from '../components/NavigationGuard.jsx';
 import { Flyout, FlyoutItem, FlyoutSeparator } from '../components/Flyout.jsx';
 import { DetailPopup } from '../components/DetailPopup.jsx';
 import { Field } from '../components/Field.jsx';
@@ -167,6 +168,7 @@ export default function AppShell() {
         </div>
         <div className="content-area">
           <Outlet />
+          <NavigationGuard />
         </div>
         <div className="footbar">
           <span>© {new Date().getFullYear()} {t('appName')}</span>

frontend/src/app/ProtectedRoute.jsx

@@ -1,9 +1,11 @@
-import { Navigate } from 'react-router-dom';
+import { Navigate, useLocation } from 'react-router-dom';
 import { useAuth } from '../context/auth-context.jsx';
 
 export function ProtectedRoute({ children }) {
   const { user, ready } = useAuth();
+  const location = useLocation();
   if (!ready) return null;
-  if (!user) return <Navigate to="/login" replace />;
+  // `from`: para volver a la ruta que se intentaba abrir despues de iniciar sesion.
+  if (!user) return <Navigate to="/login" replace state={{ from: `${location.pathname}${location.search}` }} />;
   return children;
 }