Feat/webapp/new login

webapp/package.json

@@ -5,18 +5,22 @@
   "dependencies": {
     "@chakra-ui/icons": "^2.1.1",
     "@chakra-ui/react": "^2.8.2",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.2",
     "axios": "^1.6.5",
     "dotenv": "^16.4.1",
-    "framer-motion": "^11.0.3",
+    "framer-motion": "^11.0.6",
     "i18next": "^23.8.2",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-http-backend": "^2.4.3",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.0.5",
+    "react-icons": "^5.0.1",
     "react-router": "^6.21.3",
     "react-router-dom": "^6.21.3",
     "react-scripts": "5.0.1",

webapp/public/locales/en/translation.json

@@ -1,5 +1,5 @@
 {
-    "nav":{
+    "common": {
         "home": "Home",
         "api_docs": "API Documentation",
         "statistics": {
@@ -9,6 +9,15 @@
         },
         "play": "Play",
         "login": "Log in",
-        "register": "Register"
+        "register": "Register",
+        "submit": "Submit"
+    },
+    "session": {
+        "username": "Username",
+        "password": "Password",
+        "email": "Email"
+    },
+    "error": {
+        "login": "An ERROR occurred during login"
     }
 }

webapp/public/locales/es/translation.json

@@ -1,5 +1,5 @@
 {
-    "nav":{
+    "common":{
         "home": "Inicio",
         "api_docs": "Documentación de la API",
         "statistics": {
@@ -10,5 +10,13 @@
         "play": "Jugar",
         "login": "Iniciar sesión",
         "register": "Registrarse"
+    },
+    "session": {
+        "username": "Nombre de usuario",
+        "password": "Contraseña",
+        "email": "Correo electrónico"
+    },
+    "error": {
+        "login": "Ocurrió un ERROR en el login"
     }
-}
+}