Convert all jpg pictures to webp

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Categories/CategoryCard.vue

@@ -15,17 +15,17 @@
       class="brightness-50"
     >
       <source
-        :srcset="`/img/categories/${category.key.toLowerCase()}.jpg 2x, /img/categories/${category.key.toLowerCase()}.jpg`"
+        :srcset="`/img/categories/${category.key.toLowerCase()}.webp 2x, /img/categories/${category.key.toLowerCase()}.webp`"
         media="(min-width: 1000px)"
       />
       <source
-        :srcset="`/img/categories/${category.key.toLowerCase()}.jpg 2x, /img/categories/${category.key.toLowerCase()}-small.jpg`"
+        :srcset="`/img/categories/${category.key.toLowerCase()}.webp 2x, /img/categories/${category.key.toLowerCase()}-small.webp`"
         media="(min-width: 300px)"
       />
       <img
         class="w-full h-36 w-36 md:h-52 md:w-52 object-cover"
-        :src="`/img/categories/${category.key.toLowerCase()}.jpg`"
-        :srcset="`/img/categories/${category.key.toLowerCase()}-small.jpg `"
+        :src="`/img/categories/${category.key.toLowerCase()}.webp`"
+        :srcset="`/img/categories/${category.key.toLowerCase()}-small.webp `"
         width="384"
         height="384"
         alt=""

js/src/components/ErrorComponent.vue

@@ -8,13 +8,8 @@
               :srcset="`/img/pics/error-480w.webp  1x, /img/pics/error-1024w.webp 2x`"
               type="image/webp"
             />
-            <source
-              :srcset="`/img/pics/error-480w.jpg 1x, /img/pics/error-1024w.jpg 2x`"
-              type="image/jpeg"
-            />
-
             <img
-              :src="`/img/pics/error-480w.jpg`"
+              :src="`/img/pics/error-480w.webp`"
               alt=""
               width="480"
               height="312"

js/src/components/Footer.vue

@@ -8,12 +8,8 @@
         :srcset="`/img/pics/footer_${random}-1024w.webp 1x, /img/pics/footer_${random}-1920w.webp 2x`"
         type="image/webp"
       />
-      <source
-        :srcset="`/img/pics/footer_${random}-1024w.jpg 1x, /img/pics/footer_${random}-1920w.jpg 2x`"
-        type="image/jpeg"
-      />
       <img
-        :src="`/img/pics/footer_${random}-1024w.jpg`"
+        :src="`/img/pics/footer_${random}-1024w.webp`"
         alt=""
         width="1024"
         height="428"

js/src/components/Local/OnlineEvents.vue

@@ -31,7 +31,7 @@
           },
         }"
         :picture="{
-          url: '/img/online-event.jpg',
+          url: '/img/online-event.webp',
           author: {
             name: 'Chris Montgomery',
             url: 'https://unsplash.com/@cwmonty',