fixing style and delete unnecesary things

src/App.css

@@ -145,7 +145,7 @@
 }
 
 .profesor-form {
-  width: 100%;
+  width: 600px;
   max-width: 90vw;
   margin: 20px 0;
   padding: 20px;

src/components/CardUsuarios/CardUsuario.js

@@ -34,7 +34,9 @@ const CardUsuario = ({ usuario }) => {
     <div className="card m-1">
       <div className="card-content">
         <h4>{usuario.nombre}</h4>
-        <h6>Tipo de Usuario:{usuario.id_tipo_usuario}</h6>
+        <h6>
+          Tipo de Usuario: {usuario.id_tipo_usuario === 1 ? "Administrador" : "Responsable"}
+        </h6>
         <div className="button-group">
           <button
             className="edit-button"

src/components/CrearProfesor/FormProfesor.js

@@ -412,14 +412,15 @@ const FormProfesor = () => {
                   <p>Suelta la imagen aquí...</p>
                 ) : (
                   <p>
-                    Arrastra y suelta algunos archivos aquí, o haz clic para
-                    seleccionar archivos
+                    Arrastra y suelta la imagen aquí, o haz clic para
+                    seleccionar una imagen
                   </p>
                 )}
               </div>
-              {foto && <p>Nueva imagen:</p>}
+
               {fotoBase64 && (
-                <div className="image">
+                <div className="images">
+                  {foto && <p>Nueva imagen:</p>}
                   <img
                     src={fotoBase64}
                     alt="Preview"

src/components/CrearUsuario/CrearUsuario.js

@@ -94,10 +94,11 @@ const CrearUsuario = () => {
               id="tipoUsuario"
               value={id_tipo_usuario}
               onChange={(e) => setId_tipo_usuario(e.target.value)}
+              className="form-control"
               required
             >
-              <option value="1">Administrador(1)</option>
-              <option value="2">Responsable(2)</option>
+              <option value="1">Administrador</option>
+              <option value="2">Responsable</option>
             </select>
           </div>
           <button type="submit">Registrar</button>

src/components/ModificarProfesor/FormEditProfesor.js

@@ -452,8 +452,8 @@ const FormEditProfesor = () => {
                   <p>Suelta la nueva imagen aquí...</p>
                 ) : (
                   <p>
-                    Arrastra y suelta algunos archivos aquí, o haz clic para
-                    seleccionar archivos
+                    Arrastra y suelta la imagen aquí, o haz clic para
+                    seleccionar una imagen
                   </p>
                 )}
               </div>

src/components/ModificarUsuario/MDUser.js

@@ -1,18 +1,14 @@
 import React, { useState, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import "../../App.css";
-import { PrivateRoutes} from "../../models/routes";
+import { PrivateRoutes } from "../../models/routes";
 import { useGetUser, useUpdateUser } from "../../services/user.services";
 
 const MDUser = () => {
   const { id_usuario } = useParams();
 
-  const { user, loading, error } = useGetUser(id_usuario);
-  const {
-    updateUser,
-    loading: updateLoading,
-    error: updateError,
-  } = useUpdateUser();
+  const { user } = useGetUser(id_usuario);
+  const { updateUser, loading, error } = useUpdateUser();
 
   const [nombre, setNombre] = useState("");
   const [usuario, setUsuario] = useState("");
@@ -49,15 +45,13 @@ const MDUser = () => {
       console.error("Error updating user:", error);
     }
   };
-  
+
   const handleRegresar = () => {
     window.location.href = PrivateRoutes.FILTERUSUARIO;
   };
 
   if (!user) {
-    return (
-      <div className="cargando">Cargando datos del usuario...</div>
-    );
+    return <div className="cargando">Cargando datos del usuario...</div>;
   }
 
   return (
@@ -126,9 +120,10 @@ const MDUser = () => {
               id="tipoUsuario"
               value={id_tipo_usuario}
               onChange={(e) => setId_tipo_usuario(e.target.value)}
+              className="form-control"
             >
-              <option value="1">Administrador(1)</option>
-              <option value="2">Responsable(2)</option>
+              <option value="1">Administrador</option>
+              <option value="2">Responsable</option>
             </select>
           </div>
 

src/services/user.services.js

@@ -37,8 +37,6 @@ export const useRegisterUser = () => {
 
 export const useGetUser = (id_usuario) => {
   const [user, setUser] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
 
   useEffect(() => {
     const fetchUser = async () => {
@@ -51,15 +49,13 @@ export const useGetUser = (id_usuario) => {
         setUser(data);
       } catch (error) {
         setError(error);
-      } finally {
-        setLoading(false);
       }
     };
 
     fetchUser();
   }, [id_usuario]);
 
-  return { user, loading, error };
+  return { user };
 };
 
 export const useUpdateUser = () => {