Personalizacion cliente tagumedica: permisos, refactor de vistas y limpieza de tools

- Agrega permiso de menu para vania.barrios@tagumedica.com
- Renombra test/ a tools/ (colecciones de requests SAP/ApiGateway)
- Renombra vistas de frontend con sufijo View para consistencia
- Refactor de componentes UI compartidos y agrega utilidades (Icon, PageLoader, SecondaryButton, FieldTooltip, errors)

mini-frontend/src/layout/MainLayout.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from "react";
 import { Link, Outlet, useLocation } from "react-router-dom";
 import { API_URL, getToken, getUsername, getCompany } from "../utils/api";
+import Icon from "../components/ui/Icon";
 
 // Estructura del menú tipada para SAP Business One
 interface SubMenuItem {
@@ -17,12 +18,12 @@ interface MenuItem {
 const menuConfig: MenuItem[] = [
   {
     title: "0. Dashboard",
-    icon: "📊",
+    icon: "chart",
     subItems: [{ name: "Inicio", path: "/dashboard" }],
   },
   {
     title: "1. Inventario",
-    icon: "📦",
+    icon: "box",
     subItems: [
       { name: "Articulos", path: "/inventario/articulos" },
       { name: "Lotes", path: "/inventario/lotes" },
@@ -30,7 +31,7 @@ const menuConfig: MenuItem[] = [
   },
   {
     title: "2. Socio de negocios",
-    icon: "👥",
+    icon: "users",
     subItems: [
       { name: "Clientes", path: "/socios/clientes" },
       { name: "Proveedores", path: "/socios/proveedores" },
@@ -38,7 +39,7 @@ const menuConfig: MenuItem[] = [
   },
   {
     title: "3. Ventas",
-    icon: "🛒",
+    icon: "cart",
     subItems: [
       { name: "Ordenes de venta", path: "/ventas/ordenes" },
       { name: "Entregas o Guías", path: "/ventas/entrega" },
@@ -47,7 +48,7 @@ const menuConfig: MenuItem[] = [
   },
   {
     title: "4. Compras",
-    icon: "💼",
+    icon: "briefcase",
     subItems: [
       { name: "Ordenes de compra", path: "/compras/ordenes" },
       { name: "Recepciones de compras", path: "/compras/recepcion" },
@@ -56,7 +57,7 @@ const menuConfig: MenuItem[] = [
   },
   {
     title: "5. Informes",
-    icon: "📊",
+    icon: "chart",
     subItems: [
       { name: "Socios de negocios", path: "/informes/socios" },
       { name: "Ventas", path: "/informes/ventas" },
@@ -66,7 +67,7 @@ const menuConfig: MenuItem[] = [
   },
   {
     title: "6. Reportes Crystal",
-    icon: "📊",
+    icon: "chart",
     subItems: [
       { name: "Socios de negocios", path: "/reportes-crystal/socios" },
       { name: "Ventas", path: "/reportes-crystal/ventas" },
@@ -76,7 +77,7 @@ const menuConfig: MenuItem[] = [
   },
   {
     title: "7. Reportes HTML",
-    icon: "🏷️",
+    icon: "tag",
     subItems: [
       { name: "Socios de negocios", path: "/reportes-html/socios" },
       { name: "Ventas", path: "/reportes-html/ventas" },
@@ -207,7 +208,7 @@ export default function MainLayout() {
                     }`}
                     disabled={!isSidebarOpen}
                   >
-                    <span className="text-sm">{module.icon}</span>
+                    <Icon name={module.icon} className="w-4 h-4 shrink-0" />
                     {isSidebarOpen && (
                       <>
                         <span className="ml-2 flex-1 truncate">