feat: Adding new version for the rules page

webapp/public/locales/en/translation.json

@@ -53,10 +53,11 @@
         }
     },
     "rules": {
-        "description1": "The WIQ game consists of quick games of 9 rounds. In each round there is one question and two possible answers. The key to earning points lies in choosing the correct answer.",
-        "description2": "There is only one correct answer.",
-        "description3": "You have to select a question before time runs out.",
-        "description4": "To start playing you have to click on the Play button."
+        "description1": "Welcome to the exciting world of KiWiQ! In this challenging game, your goal is to embark on a journey full of knowledge and fun.",
+        "description2": "Each question is a door to a universe of possibilities, with four options before you. But be careful, only one of those options is the golden key that will unlock the treasure of the correct answer.",
+        "description3": "With just 30 seconds for each question, you'll feel the adrenaline rushing through your veins as you fight against the clock to find the perfect answer. Take on the standard challenge with 9 questions waiting for you in each match, or venture into the custom terrain, where you can choose your own route. Do you feel brave? Or do you prefer strategy?",
+        "description4": "At the end of the road, your score will be your badge of honor. Can you achieve maximum glory and become the KiWiQ champion? Only time will tell!",
+        "description5": "Let the game begin!"
 
     },
     "statistics": {

webapp/public/locales/es/translation.json

@@ -53,10 +53,11 @@
         }
     },
     "rules": {
-        "description1": "El juego de WIQ consiste en juegos rápidos de 9 rondas. En cada ronda hay una pregunta y dos posibles respuestas. La clave para ganar puntos está en elegir la respuesta correcta.",
-        "description2": "Solo hay una respuesta correcta.",
-        "description3": "Debes seleccionar una pregunta antes de que se acabe el tiempo.",
-        "description4": "Para comenzar a jugar, debes hacer clic en el botón Jugar."
+        "description1": "¡Bienvenidos al emocionante mundo de KiWiQ! En este desafiante juego, tu objetivo es embarcarte en un viaje lleno de conocimiento y diversión.",
+        "description2": "Cada pregunta es una puerta hacia un universo de posibilidades, con cuatro opciones ante ti. Pero cuidado, solo una de esas opciones es la clave dorada que desbloqueará el tesoro de la respuesta correcta.",
+        "description3": "Con solo 30 segundos para cada pregunta, sentirás la adrenalina corriendo por tus venas mientras luchas contra el reloj para encontrar la respuesta perfecta. Enfrenta el desafío estándar con 9 preguntas esperándote en cada partida, o aventúrate en el terreno personalizado, donde puedes elegir tu propia ruta. ¿Te sientes valiente? ¿O prefieres la estrategia?",
+        "description4": "Al final del camino, tu puntuación será tu insignia de honor. ¿Podrás alcanzar la gloria máxima y convertirte en el campeón de KiWiQ? ¡Solo el tiempo lo dirá!",
+        "description5": "¡Que comience el juego!"
     },
     "statistics": {
         "position": "Posición",

webapp/src/pages/Rules.jsx

@@ -23,15 +23,17 @@ export default function Rules() {
             <LateralMenu isOpen={isMenuOpen} onClose={() => setIsMenuOpen(false)} changeLanguage={changeLanguage} isDashboard={false}/>
             <FaBook style={{ fontSize: '2.5rem', color: 'green' }} /> 
             <Heading as="h2">{t("common.rules")}</Heading>
-    
-            <Box bg="white" p={4} borderRadius="md" boxShadow="md" mt={4} mb={4} maxW="400px" w="90%" shadow="2xl" rounded="1rem" textAlign={"justify"}>
+
+            <Box textAlign="center" py={8} bg="white" p={4} borderRadius="md" boxShadow="md" mt={4} mb={4} maxW="400px" w="90%" shadow="2xl" rounded="1rem" >
                 <Text>{t("rules.description1")}</Text>
                 <br></br>
                 <Text>{t("rules.description2")}</Text>
                 <br></br>
                 <Text>{t("rules.description3")}</Text>
                 <br></br>
                 <Text>{t("rules.description4")}</Text>
+                <br></br>
+                <Text>{t("rules.description5")}</Text>
                 <GoBack />
             </Box>
         </Center>