fixed style

app/Components/Equipos/tableequipos.tsx

@@ -57,7 +57,7 @@ export default function TableEquipos() {
         scrollbarColor: "#2563eb white",
       }}
     >
-      <table style={{ width: "100%", borderCollapse: "collapse" }}>
+      <table style={{ width: "100%" }}>
         <thead>
           <tr>
             <th>Ubicación</th>

app/Components/Global/table.module.css

@@ -7,3 +7,40 @@
   scroll-behavior: smooth;
   transition: all 0.3s ease;
 }
+
+.WINDOWS::before {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("/windows.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.MACINTOSH::before {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("/apple.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 6px;
+  vertical-align: middle;
+  left: 0;
+}
+
+.PROFESORES::before {
+  content: "";
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("/teacher.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin-right: 6px;
+  vertical-align: middle;
+}

app/Components/Global/table.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import React from "react";
 import styles from "./table.module.css";
 
 interface TableProps {
@@ -24,7 +23,7 @@ export default function Table({ headers, data }: TableProps) {
             data.map((row, rowIndex) => (
               <tr key={rowIndex}>
                 {headers.map((header, colIndex) => (
-                  <td key={colIndex}>{row[header]}</td>
+                  <td key={colIndex} className={styles[row[header]]}>{row[header]}</td>
                 ))}
               </tr>
             ))