fix table headers

web-ui/web-react/src/components/InvitadosComunidad.js

@@ -72,6 +72,15 @@ const InvitadosComunidad = () => {
     </>
   );
 
+  const headerTenant = (
+    <>
+      <p>
+        {' '}
+        <FontAwesomeIcon icon={faUserAlt} style={{ color: '#C08135' }} /> Inquilino
+      </p>
+    </>
+  );
+
   const headerLastName = (
     <>
       <p>
@@ -82,6 +91,14 @@ const InvitadosComunidad = () => {
     </>
   );
 
+  const headerPlate = (
+    <p>
+      {' '}
+      <FontAwesomeIcon icon={faIdCardAlt} style={{ color: '#C08135' }} />{' '}
+      Placa
+    </p>
+  );
+
   const headerDNI = (
     <p>
       {' '}
@@ -166,7 +183,7 @@ const InvitadosComunidad = () => {
               field="number_plate"
               header="Placa"
               sortable
-              header={headerDNI}
+              header={headerPlate}
             />
             <Column
               field="telefono"
@@ -190,7 +207,7 @@ const InvitadosComunidad = () => {
               field="tenant_name"
               header="Inquilino"
               sortable
-              header={headerName}
+              header={headerTenant}
             />
           </DataTable>
         </div>