feat: UI no-admin (vistas mis/asignados/sin-asignar, config solo admin)

frontend/src/components/Sidebar.tsx

@@ -24,6 +24,9 @@ export default function Sidebar() {
     pathname === href || (href !== "/" && pathname.startsWith(href));
 
   const fullName = user ? `${user.nombres} ${user.apPaterno}` : "Usuario";
+  const isAdmin = user?.role === "admin";
+  const roleLabel =
+    user?.role === "admin" ? "Administrador" : user?.role === "agent" ? "Agente" : "Usuario";
   const initials = user?.nombres
     ?.split(" ")
     .map((n: string) => n[0])
@@ -54,13 +57,15 @@ export default function Sidebar() {
             <span>{item.label}</span>
           </Link>
         ))}
-        <div
-          className="text-uppercase mt-3 mb-1 px-3"
-          style={{ fontSize: "0.7rem", letterSpacing: "0.08em", opacity: 0.6 }}
-        >
-          Configuración
-        </div>
-        {configItems.map((item) => (
+        {isAdmin && (
+          <>
+            <div
+              className="text-uppercase mt-3 mb-1 px-3"
+              style={{ fontSize: "0.7rem", letterSpacing: "0.08em", opacity: 0.6 }}
+            >
+              Configuración
+            </div>
+            {configItems.map((item) => (
           <Link
             key={item.href}
             href={item.href}
@@ -69,14 +74,16 @@ export default function Sidebar() {
             <i className={`bi ${item.icon}`}></i>
             <span>{item.label}</span>
           </Link>
-        ))}
+            ))}
+          </>
+        )}
       </nav>
 
       <div className="sidebar-user">
         <div className="avatar">{initials}</div>
         <div className="sidebar-user-info">
           <div className="name">{fullName}</div>
-          <div className="role">{user?.tipo || "Usuario"}</div>
+          <div className="role">{roleLabel}</div>
         </div>
         <button
           onClick={logout}