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.

public/images/README.md

@@ -6,19 +6,19 @@ Ce dossier doit contenir les images pour votre portfolio :
 
 ```
 images/
-├── virtualtour.png    # Image du projet Virtual Tour
-├── xinko.png          # Image du projet Xinko
-├── dig.png            # Image du projet Image Manipulation
-├── primate.png        # Image du projet Primate Web Admin
-├── instagram.png      # Image du projet Instagram Bot
-├── crowdin.png        # Image du projet Crowdin Status Bot
+├── virtualtour.webp   # Image du projet Virtual Tour
+├── xinko.webp         # Image du projet Xinko
+├── dig.webp           # Image du projet Image Manipulation
+├── primate.webp       # Image du projet Primate Web Admin
+├── instagram.webp     # Image du projet Instagram Bot
+├── crowdin.webp       # Image du projet Crowdin Status Bot
 └── tech/              # Dossier pour les logos des technologies
-    ├── javascript.png
-    ├── typescript.png
-    ├── nodejs.png
-    ├── vuejs.png
-    ├── react.png
-    ├── angular.png
+    ├── javascript.webp
+    ├── typescript.webp
+    ├── nodejs.webp
+    ├── vuejs.webp
+    ├── react.webp
+    ├── angular.webp
     └── ...            # Autres logos de technologies
 ```
 

public/site.webmanifest

@@ -14,25 +14,15 @@
             "type": "image/x-icon"
         },
         {
-            "src": "/favicon-16x16.png",
-            "sizes": "16x16",
-            "type": "image/png"
-        },
-        {
-            "src": "/favicon-32x32.png",
-            "sizes": "32x32",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-192x192.png",
+            "src": "/favicon.webp",
             "sizes": "192x192",
-            "type": "image/png",
+            "type": "image/webp",
             "purpose": "any maskable"
         },
         {
-            "src": "/android-chrome-512x512.png",
+            "src": "/favicon.webp",
             "sizes": "512x512",
-            "type": "image/png",
+            "type": "image/webp",
             "purpose": "any maskable"
         }
     ],