se agrega los requerimientos de la LODPD con firma de documentos

frontend/src/components/layout/Layout.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { Link, useNavigate, useLocation } from 'react-router-dom';
 import { useAuth } from '../../contexts/AuthContext';
-import { FileText, Shield, PenTool, LayoutDashboard, LogOut, Palette, Menu, X, KeyRound, Search, Plus, Users, Settings, ScrollText } from 'lucide-react';
+import { FileText, Shield, PenTool, LayoutDashboard, LogOut, Palette, Menu, X, KeyRound, Search, Plus, Users, Settings, ScrollText, Scale } from 'lucide-react';
 import ChangePasswordModal from '../ui/ChangePasswordModal';
 
 const navSections = [
@@ -28,6 +28,7 @@ const topbarTitles = {
   '/certificates': 'Firmantes',
   '/signature-style': 'Configuración',
   '/signatures': 'Firmar ahora',
+  '/legal': 'Legal',
 };
 
 export default function Layout({ children }) {
@@ -118,6 +119,14 @@ export default function Layout({ children }) {
               <ScrollText size={15} />
               <span>Auditoría</span>
             </span>
+            <Link
+              to="/legal"
+              className={`nav-item ${location.pathname.startsWith('/legal') ? 'active' : ''}`}
+              onClick={() => setMobileMenuOpen(false)}
+            >
+              <Scale size={15} />
+              <span>Legal</span>
+            </Link>
           </div>
         </nav>
         <div className="sidebar-footer">