Refactor: Update favicon and enhance user profile display

- Replaced the favicon with a new webp format for better performance.
- Updated the user avatar component in the Quote.vue file to use the new favicon and adjusted its size and styling.
- Added a new section in the projects and writings pages to introduce the author, including links to LinkedIn and GitHub profiles with a personalized message.
- Improved the layout and styling of the author introduction for better visual appeal.

app/pages/writings/[slug].vue

@@ -131,7 +131,7 @@ function scrollToSection(id: string) {
         />
 
         <template #content>
-          <div class="text-neutral-500">
+          <div class="text-neutral-500 p-2">
             <div
               v-for="link in post!.body!.toc!.links"
               :key="link.id"
@@ -143,7 +143,7 @@ function scrollToSection(id: string) {
                 variant="link"
                 color="neutral"
                 :block="true"
-                class="flex justify-start items-start"
+                class="flex justify-start items-start p-1"
                 @click="scrollToSection(link.id)"
               />
             </div>
@@ -169,20 +169,48 @@ function scrollToSection(id: string) {
         :value="post"
         class="!max-w-none prose dark:prose-invert"
       />
-      <USeparator
-        class="my-16"
-        icon="i-ph-hands-clapping-duotone"
-      />
-      <div class="space-y-8">
-        <i18n-t
-          keypath="thanks"
-          tag="p"
-        >
-          <template #like>
-            <strong>{{ t('like') }}</strong>
-          </template>
-        </i18n-t>
-        <div class="flex gap-4 items-center flex-wrap">
+      <div class="space-y-8 mt-16">
+        <div class="flex gap-8 items-start p-8 border border-gray-200 dark:border-neutral-700 rounded-md">
+          <NuxtImg
+            src="/arthur.webp"
+            alt="Arthur Danjou"
+            class="w-24 h-24 rounded-full"
+          />
+          <i18n-t
+            keypath="thanks"
+            tag="p"
+            class="text-neutral-600 dark:text-neutral-400"
+          >
+            <template #linkedin>
+              <HomeLink
+                href="https://www.linkedin.com/in/arthur-danjou/"
+                icon="i-ph-linkedin-logo-duotone"
+                label="LinkedIn"
+                target="_blank"
+                class="inline-flex items-start gap-1 transform translate-y-1"
+              />
+            </template>
+            <template #github>
+              <HomeLink
+                href="https://github.com/arthurdanjou"
+                icon="i-ph-github-logo-duotone"
+                label="GitHub"
+                target="_blank"
+                class="inline-flex items-start gap-1 transform translate-y-1"
+              />
+            </template>
+            <template #comment>
+              <strong class="text-neutral-800 dark:text-neutral-200">{{ t('comment') }}</strong>
+            </template>
+            <template #name>
+              <strong class="text-neutral-800 dark:text-neutral-200">{{ t('name') }}</strong>
+            </template>
+            <template #jump>
+              <br> <br>
+            </template>
+          </i18n-t>
+        </div>
+        <div class="flex gap-8 items-center flex-wrap">
           <UButton
             :label="(postDB?.likes ?? 0) > 1 ? `${postDB?.likes ?? 0} likes` : `${postDB?.likes ?? 0} like`"
             :color="likeCookie ? 'red' : 'neutral'"
@@ -258,8 +286,9 @@ html {
       "title": "Translations alert!",
       "description": "Due to time constraints, all article translations will be available only in English. Thank you for your understanding."
     },
-    "thanks": "Thanks for reading this post! If you liked it, please consider sharing it with your friends. {like}",
-    "like": "Don't forget to leave a like!",
+    "thanks": "Thanks for reading! My name is {name}, and I love writing about AI, data science, and the intersection between mathematics and programming. {jump} I've been coding and exploring math for years, and I'm always learning something new—whether it's self-hosting tools in my homelab, experimenting with machine learning models, or diving into statistical methods. {jump} I share my knowledge here because I know how valuable clear, hands-on resources can be, especially when you're just getting started or exploring something deeply technical. {jump} If you have any questions or just want to chat, feel free to reach out to me on {linkedin} or {github  }. {jump} I hope you enjoyed this post and learned something useful. If you did, {comment}—it really helps and means a lot!",
+    "comment": "consider sharing it",
+    "name": "Arthur",
     "link": {
       "copied": "Link copied",
       "copy": "Copy link"
@@ -281,8 +310,9 @@ html {
       "title": "Attentions aux traductions!",
       "description": "Par soucis de temps, toutes les traductions des articles seront disponibles uniquement en anglais. Merci de votre compréhension."
     },
-    "thanks": "Merci d'avoir lu cet article! Si vous l'avez aimé, n'hésitez pas à le partager avec vos amis. {like}",
-    "like": "N'oubliez pas de laisser un like!",
+    "thanks": "Merci de votre lecture ! Je m'appelle {name}, et j'adore écrire sur l'intelligence artificielle, la data science, et tout ce qui se situe à l'intersection entre les mathématiques et la programmation. {jump} Je code et j'explore les maths depuis des années, et j'apprends encore de nouvelles choses chaque jour — que ce soit en auto-hébergeant des outils dans mon homelab, en expérimentant des modèles de machine learning ou en approfondissant des méthodes statistiques. {jump} Je partage mes connaissances ici parce que je sais à quel point des ressources claires, pratiques et accessibles peuvent être précieuses, surtout quand on débute ou qu'on explore un sujet technique en profondeur. {jump} Si vous avez des questions ou simplement envie d'échanger, n'hésitez pas à laisser un commentaire ci-dessous ou à me contacter sur {linkedin} ou {github}. {jump} J'espère que cet article vous a plu et qu'il vous a appris quelque chose d'utile. Si c'est le cas, {comment} — ça m'aide beaucoup et ça me fait vraiment plaisir !",
+    "comment": "pensez à le partager",
+    "name": "Arthur",
     "link": {
       "copied": "Lien copié",
       "copy": "Copier le lien"
@@ -302,10 +332,11 @@ html {
     },
     "alert": {
       "title": "Cuidado con las traducciones!",
-      "description": " Por problemas de tiempo, los artículos solo están disponibles en inglés. Gracias por vuestra comprensión.ug ñeóicula."
+      "description": "Por problemas de tiempo, los artículos solo están disponibles en inglés. Gracias por vuestra comprensión.ug ñeóicula."
     },
-    "thanks": "Muchas gracias por leer este postougracoias afic! Si te ha gustado, no dudes en compartirlo con tus amigos.tsaf. {like}",
-    "like": "No te olvides de dejar un like!",
+    "thanks": "¡Gracias por leer! Me llamo {name} y me encanta escribir sobre inteligencia artificial, ciencia de datos y todo lo que se encuentra en la intersección entre las matemáticas y la programación. {jump} Llevo años programando y explorando las matemáticas, y cada día aprendo algo nuevo — ya sea autoalojando herramientas en mi homelab, experimentando con modelos de aprendizaje automático o profundizando en métodos estadísticos. {jump} Comparto mis conocimientos aquí porque sé lo valiosos que pueden ser los recursos claros, prácticos y accesibles, especialmente cuando uno está empezando o explorando temas técnicos en profundidad. {jump} Si tienes alguna pregunta o simplemente quieres charlar, no dudes en dejar un comentario abajo o contactarme por {linkedin} o {github}. {jump} Espero que este artículo te haya gustado y que hayas aprendido algo útil. Si es así, {comment} — ¡me ayuda mucho y significa mucho para mí!",
+    "comment": "considera compartirlo",
+    "name": "Arthur",
     "link": {
       "copied": "Link copiado",
       "copy": "Copiar link"