fixed grammar and deleted toggle button

src/app/(Administrador)/reportesGraficas/page.tsx

@@ -1,52 +1,17 @@
 "use client";
 
-import { useState } from "react";
 import Reporte from "@/components/reporteGraficas/reporte";
 
 import "../../styles/layout/reporte.scss";
 
-type PreguntaKey = "antiguedad";
-
-const LABELS: Record<PreguntaKey, string> = {
-  antiguedad: "Antigüedad",
-};
-
 export default function Page() {
-  const [activeTab, setActiveTab] = useState<PreguntaKey>("antiguedad");
 
-  const renderPregunta = () => {
-    switch (activeTab) {
-      case "antiguedad":
-        return (
-          <Reporte />
-        );
-      default:
-        return (
-          <div className="p-6 text-center text-gray-500">
-            Contenido no disponible aún.
-          </div>
-        );
-    }
-  };
 
   return (
     <div className="scanView_reporte">
       <div className="container_reporte">
         <div className="main-content_reporte">
-          <div className="tabs_reporte">
-            {Object.entries(LABELS).map(([key, label]) => (
-              <button
-                key={key}
-                className={`tab_reporte ${activeTab === key ? "active" : ""}`}
-                onClick={() => setActiveTab(key as PreguntaKey)}
-                aria-selected={activeTab === key}
-                role="tab"
-              >
-                {label}
-              </button>
-            ))}
-          </div>
-          <div className={`data-table_reporte`}>{renderPregunta()}</div>
+          <div className={`data-table_reporte`}><Reporte /></div>
         </div>
       </div>
     </div>

src/components/BarNavigationAdmin.tsx

@@ -41,17 +41,17 @@ function BarNavigation() {
         </li> */}
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/equipoComputo" className="links">
-            <span>Equipo de Computo</span>
+            <span>Equipo de Cómputo</span>
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/perifericos" className="links">
-            <span>Perifericos</span>
+            <span>Periféricos</span>
           </Link>
         </li>
         <li className="subMenu" onClick={toggleMenu}>
           <Link href="/reportesGraficas" className="links">
-            <span>Reportes y Graficas</span>
+            <span>Reportes y Gráficas</span>
           </Link>
         </li>
         <li className="subMenu">

src/components/reporteGraficas/Graficas/Antiguedad.tsx

@@ -95,7 +95,7 @@ export default function Antiguedad({ filtros }: Props) {
             }}
         >
 
-            <h1 style={{ margin: "0" }}>Antigüedad</h1>
+            <h1 style={{ margin: "0" }}>Antigüedad por equipo</h1>
 
             <ResponsiveContainer width="100%" aspect={2.5}>
 

src/components/reporteGraficas/Graficas/Procesador.tsx

@@ -63,7 +63,7 @@ export default function Procesador({ filtros }: Props) {
 
     return (
         <div style={{ width: "100%", background: "white", borderRadius: "10px", margin: "5px auto", padding: "1rem" }}>
-            <h1 style={{ margin: "0" }}>Procesador</h1>
+            <h1 style={{ margin: "0" }}>Procesador por equipo</h1>
             <ResponsiveContainer width="100%" aspect={3.5}>
                 <BarChart data={dataTransformada}
                     width={500}

src/components/reporteGraficas/Graficas/SistemaOperativo.tsx

@@ -63,7 +63,7 @@ export default function SistemaOperativo({ filtros }: Props) {
 
     return (
         <div style={{ width: "100%", background: "white", borderRadius: "10px", margin: "5px auto", padding: "1rem" }}>
-            <h1 style={{ margin: "0" }}>SistemaOperativo</h1>
+            <h1 style={{ margin: "0" }}>SistemaOperativo por equipo</h1>
             <ResponsiveContainer width="100%" aspect={3.5}>
                 <BarChart data={dataTransformada}
                     width={500}

src/components/reporteGraficas/Graficas/Uso.tsx

@@ -65,7 +65,7 @@ export default function Uso({ filtros }: Props) {
 
     return (
         <div style={{ minWidth: "570px", background: "white", borderRadius: "10px", padding: "1rem" }}>
-            <h1 style={{ margin: "0" }}>Uso</h1>
+            <h1 style={{ margin: "0" }}>Uso por equipo</h1>
             <ResponsiveContainer width="100%" aspect={2.5} minHeight={220}>
                 <BarChart data={dataTransformada}
                     width={500}