diseño navbar, login y restablecimiento contraseña

Author: Brenes93

src/front/js/pages/perfilUsuario.js

@@ -69,10 +69,7 @@ export const PerfilUsuario = () => {
                 style={{ cursor: "pointer" }}
               >
                 <img 
-                  src={pet.animal_type === "perro" ? "https://images.emojiterra.com/google/noto-emoji/unicode-16.0/color/1024px/1f436.png" :
-                       pet.animal_type === "gato" ? "https://cdn-icons-png.flaticon.com/512/6988/6988878.png" :
-                       pet.animal_type === "exotico" ? "https://cdn-icons-png.flaticon.com/512/802/802338.png" :
-                    "https://via.placeholder.com/60" }
+                  src={pet.url || "https://via.placeholder.com/60"} 
                   alt={pet.name} 
                   className="rounded-circle border border-secondary"
                   style={{ width: 60, height: 60, objectFit: "cover" }} 

src/front/js/pages/vistaMascota.js

@@ -95,15 +95,10 @@ export const VistaMascota = () => {
         <div className="col-md-6">
           <div className="card">
             <img
-              src={
-                petDetails.animal_type === "perro" ? "https://images.emojiterra.com/google/noto-emoji/unicode-16.0/color/1024px/1f436.png" :
-                petDetails.animal_type === "gato" ? "https://cdn-icons-png.flaticon.com/512/6988/6988878.png" :
-                petDetails.animal_type === "exotico" ? "https://cdn-icons-png.flaticon.com/512/802/802338.png" :
-                "https://via.placeholder.com/60"
-            } 
-            alt={petDetails.name} 
-            className="rounded-circle border border-secondary"
-            style={{ width: "140px", height: "140px", objectFit: "cover" }}
+              src={petDetails.url || '/default-image.jpg'}
+              alt={petDetails.name}
+              className="card-img-top"
+              style={{ width: '100%', height: 'auto' }}
             />
             <div className="card-body">
               <h5 className="card-title">{petDetails.name}</h5>