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/components/report/HtmlReportRunner.tsx

@@ -3,6 +3,7 @@ import { useParams, Link } from "react-router-dom";
 import { API_URL, apiFetch } from "../../utils/api";
 import { htmlReportsConfig } from "../../config/htmlReports";
 import ModalSearchTemplate from "../ui/ModalSearchTemplate";
+import Icon from "../ui/Icon";
 import type { F4Config } from "../../types/reports";
 
 export default function HtmlReportRunner() {
@@ -171,10 +172,10 @@ export default function HtmlReportRunner() {
               <button
                 type="button"
                 onClick={() => setF4State({ param, config })}
-                className="h-[28px] px-1.5 bg-transparent border-none cursor-pointer text-xs text-[var(--color-primary)] shrink-0"
+                className="h-[28px] px-1.5 bg-transparent border-none cursor-pointer text-[var(--color-primary)] shrink-0"
                 title="Buscar"
               >
-                📋
+                <Icon name="search" className="w-4 h-4" />
               </button>
             </div>
           </div>
@@ -201,8 +202,8 @@ export default function HtmlReportRunner() {
             {definition?.title || docCode}
           </span>
         </div>
-        <h1 className="text-xl font-bold text-[var(--color-sidebar-title)]">
-          {definition?.icon} {definition?.title || docCode}
+        <h1 className="text-xl font-bold text-[var(--color-sidebar-title)] flex items-center gap-1.5">
+          <Icon name={definition?.icon || "document"} className="w-5 h-5" /> {definition?.title || docCode}
         </h1>
       </div>