feat: add Hobbies section with dynamic content; update localization for hobbies in English, Spanish, and French

app/components/chat/MessageContainer.vue

@@ -92,6 +92,9 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
         <div v-else-if="message.type === ChatType.WRITINGS">
           <ToolWritings />
         </div>
+        <div v-else-if="message.type === ChatType.HOBBIES">
+          <ToolHobbies />
+        </div>
         <div v-else>
           {{ message }}
         </div>

app/components/tool/Contact.vue

@@ -6,24 +6,23 @@ const { t } = useI18n()
 
 <template>
   <section>
-    <div>
+    <p class="prose dark:prose-invert">
-      <p class="prose dark:prose-invert">
+      {{ t('tool.contact') }}
-        {{ t('tool.contact') }}
+    </p>
-      </p>
+    <div class="flex gap-2 flex-wrap my-2">
-      <div class="flex gap-2 flex-wrap my-2">
+      <UButton
-        <UButton
+        v-for="social in socials"
-          v-for="social in socials"
+        :key="social.label"
-          :key="social.label"
+        :icon="social.icon"
-          :icon="social.icon"
+        :label="social.label"
-          :label="social.label"
+        variant="subtle"
-          variant="subtle"
+        color="neutral"
-          color="neutral"
+        target="_blank"
-          target="_blank"
+        size="xl"
-          class="m-1 shadow-sm bg-white dark:bg-neutral-900"
+        class="m-1 shadow-sm bg-white dark:bg-neutral-900"
-          :href="social.to"
+        :href="social.to"
-          :aria-label="social.label"
+        :aria-label="social.label"
-        />
+      />
-      </div>
     </div>
   </section>
 </template>

app/components/tool/Hobbies.vue

@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+const { t } = useI18n()
+</script>
+
+<template>
+  <section>
+    <p class="prose dark:prose-invert">
+      {{ t('tool.hobbies') }}
+    </p>
+  </section>
+</template>

locales/en.json

@@ -182,7 +182,8 @@
       "wind": "Wind"
     },
     "projects": "A selection of my projects developed in R, Python, and web development, covering diverse areas such as data analysis, machine learning, and web applications. These projects highlight my skills in coding, problem-solving, and solution design. {space}Here, I present the three projects I am most proud of, but you can explore all my projects directly on the {canva}.",
-    "writings": "I share my reflections on mathematics, artificial intelligence, development and my passions, by organizing them to follow the evolution of my ideas and projects. {space}Here you will find the two most recent articles, but all my writings are accessible on the {canva}, to explore my universe more in depth, Maths and AI."
+    "writings": "I share my reflections on mathematics, artificial intelligence, development and my passions, by organizing them to follow the evolution of my ideas and projects. {space}Here you will find the two most recent articles, but all my writings are accessible on the {canva}, to explore my universe more in depth, Maths and AI.",
+    "hobbies": "Outside of programming and my technical projects, I dedicate much of my free time to my passions: sports, music, traveling, and spending time with friends. Sports teach me discipline and perseverance, music fuels my creativity, and traveling opens me up to new cultures and ways of thinking, which also nurtures my intellectual curiosity.\nThese passions help me maintain balance and strengthen the qualities I bring to both my studies and my career: curiosity, commitment, autonomy, and a constant desire to improve. They make me someone who is motivated, adaptable, and always ready to take on new challenges."
   },
   "error": {
     "main": "I think you're lost, let's go back to the",

locales/es.json

@@ -182,7 +182,8 @@
       "wind": "Viento"
     },
     "writings": "Comparto mis reflexiones sobre matemáticas, inteligencia artificial, desarrollo y mis pasiones, organizándolas para seguir la evolución de mis ideas y proyectos. {space}Aquí encontrará los dos artículos más recientes, pero todos mis escritos son accesibles en el {canva}, para explorar mi universo más en profundidad, matemáticas y IA.",
-    "projects": "Una selección de mis proyectos realizados en R, Python y desarrollo web, que abarcan áreas diversas como el análisis de datos, el aprendizaje automático y las aplicaciones web. Estos proyectos destacan mis habilidades en programación, resolución de problemas y diseño de soluciones. {space}Aquí presento los tres proyectos de los que estoy más orgulloso, pero puedes consultar todos mis proyectos directamente en el {canva}."
+    "projects": "Una selección de mis proyectos realizados en R, Python y desarrollo web, que abarcan áreas diversas como el análisis de datos, el aprendizaje automático y las aplicaciones web. Estos proyectos destacan mis habilidades en programación, resolución de problemas y diseño de soluciones. {space}Aquí presento los tres proyectos de los que estoy más orgulloso, pero puedes consultar todos mis proyectos directamente en el {canva}.",
+    "hobbies": "Además de la programación y mis proyectos técnicos, dedico una gran parte de mi tiempo libre a mis pasiones: deporte, música, viajes y momentos compartidos con amigos. El deporte me trae rigor y perseverancia, la música estimula mi creatividad y el viaje me abre a otras culturas, a otras formas de pensar, lo que también nutre mi curiosidad intelectual. Estas pasiones me ayudan a mantener un buen equilibrio y fortalecer las cualidades que movilizo en mis estudios y en mi carrera: curiosidad, compromiso, autonomía y voluntad constante para progresar. Me hacen alguien motivado, adaptable y siempre listo para asumir nuevos desafíos."
   },
   "error": {
     "main": "Creo que estás perdido, volvamos a la",

locales/fr.json

@@ -182,7 +182,8 @@
       "wind": "Vent"
     },
     "projects": "Une sélection de mes projets réalisés en R, Python et développement web, couvrant des domaines variés comme l'analyse de données, l'apprentissage automatique et les applications web. Ces projets mettent en lumière mes compétences en codage, résolution de problèmes et conception de solutions. {space} Ici, je présente les trois projets dont je suis le plus fier, mais vous pouvez découvrir tous mes projets directement sur le {canva}.",
-    "writings": "Je partage mes réflexions sur les mathématiques, l’intelligence artificielle, le développement et mes passions, en les organisant pour suivre l’évolution de mes idées et projets. {space}Ici, vous trouverez les deux articles les plus récents, mais tous mes écrits sont accessibles sur le {canva}, pour explorer plus en profondeur mon univers entre code, maths et IA."
+    "writings": "Je partage mes réflexions sur les mathématiques, l’intelligence artificielle, le développement et mes passions, en les organisant pour suivre l’évolution de mes idées et projets. {space}Ici, vous trouverez les deux articles les plus récents, mais tous mes écrits sont accessibles sur le {canva}, pour explorer plus en profondeur mon univers entre code, maths et IA.",
+    "hobbies": "En dehors de la programmation et de mes projets techniques, je consacre une grande partie de mon temps libre à mes passions : le sport, la musique, les voyages et les moments partagés entre amis. Le sport m'apporte rigueur et persévérance, la musique stimule ma créativité, et voyager m'ouvre à d'autres cultures, à d'autres façons de penser, ce qui nourrit aussi ma curiosité intellectuelle. Ces passions m'aident à garder un bon équilibre et renforcent les qualités que je mobilise dans mes études et ma carrière: curiosité, engagement, autonomie et volonté constante de progresser. Elles font de moi quelqu'un de motivé, adaptable, et toujours prêt à relever de nouveaux défis."
   },
   "error": {
     "main": "Je pense que vous êtes perdu, retournons en arrière à la",