Fase 2: Creatción de la UI (React + Vite). Implementación de Log In reemplazando texto plano. Y creación de tool para migrar contraseñas.

Frontend/src/pages/ChangePasswordPage.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Typography, Container } from '@mui/material';
+// import { useLocation } from 'react-router-dom'; // Para obtener el estado 'firstLogin'
+
+const ChangePasswordPage: React.FC = () => {
+   // const location = useLocation();
+   // const isFirstLogin = location.state?.firstLogin;
+
+  return (
+    <Container>
+      <Typography variant="h4" component="h1" gutterBottom>
+        Cambiar Contraseña
+      </Typography>
+      {/* {isFirstLogin && <Alert severity="warning">Debes cambiar tu contraseña inicial.</Alert>} */}
+      {/* Aquí irá el formulario de cambio de contraseña */}
+      <Typography variant="body1">
+        Formulario de cambio de contraseña irá aquí...
+      </Typography>
+    </Container>
+  );
+};
+
+export default ChangePasswordPage;