chore(assets): mise à jour des images vers le format WebP

- Remplacement des images PNG par des images WebP pour améliorer la performance et la qualité visuelle.
- Mise à jour des références d'images dans les fichiers index.html, AppHeader.vue, AppFooter.vue, et plusieurs fichiers de configuration.
- Modification des métadonnées SEO pour utiliser les nouvelles images WebP dans les pages About, Home, Fiverr, et Projects.
- Ajout de nouvelles images WebP pour les projets et les services Fiverr dans les fichiers de données.

src/components/layout/AppFooter.vue

@@ -32,7 +32,7 @@ const services = computed(() => [
         <!-- Brand -->
         <div class="md:col-span-2">
           <div class="flex items-center gap-md mb-lg">
-            <img :src="getImageUrl('@/assets/images/logo.png')" alt="Killian - Full Stack Developer" class="footer-logo"
+            <img :src="getImageUrl('@/assets/images/logo.webp')" alt="Killian - Full Stack Developer" class="footer-logo"
               width="32" height="32" loading="lazy">
             <span class="text-xl font-bold footer-brand">{{ siteConfig.name }}</span>
           </div>

src/components/layout/AppHeader.vue

@@ -28,7 +28,7 @@ const toggleMenu = () => {
       <div class="header-content">
         <!-- Logo -->
         <RouterLink to="/" class="logo" aria-label="Killian - Full Stack Developer Homepage">
-          <img :src="getImageUrl('@/assets/images/logo.png')" alt="Killian - Full Stack Developer Logo"
+          <img :src="getImageUrl('@/assets/images/logo.webp')" alt="Killian - Full Stack Developer Logo"
             class="logo-image" width="40" height="40" loading="eager">
           <span>Killian</span>
         </RouterLink>