fix(web): optimise images

web/src/lib/components/Loader.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <div class='h-full con font-weight-bold overflow-hidden position-absolute' class:animate>
-  <div class='h-full text d-flex align-items-center justify-content-center text-nowrap text-capitalize'>
+  <div class='h-full text d-flex align-items-center justify-content-center text-nowrap text-capitalize' data-nosnippet>
     Loading...
   </div>
 </div>

web/src/lib/components/Stargazers.svelte

@@ -19,7 +19,7 @@
           {#each stargazerRow as { htmlUrl, avatarUrl, login }}
             <a href={htmlUrl} class='d-inline-flex p-10 text-reset zoom' target='_blank'>
               <div class='bg-dark py-15 px-20 rounded font-weight-bold d-flex align-items-center'>
-                <img src={avatarUrl} alt='avatar' class='rounded-circle mr-10' />
+                <img src={avatarUrl} alt='avatar' class='rounded-circle mr-10' loading='lazy' />
                 {login}
               </div>
             </a>

web/src/routes/+page.svelte

@@ -20,7 +20,7 @@
 <Hero />
 <div class='container-xl'>
   <div class='position-relative'>
-    <img src='app.png' alt='app' class='mw-full px-20' />
+    <img src='app.webp' alt='app' class='mw-full px-20' />
     <div class='overlay-gradient position-absolute top-0 left-0 w-full h-full' />
   </div>
 
@@ -74,7 +74,7 @@
     <div class='row flex-column-reverse flex-md-row'>
       <div class='col-md-5 col-12'>
         <div class='content'>
-          <img src='player.png' alt='player' class='mw-full' />
+          <img src='player.webp' alt='player' class='mw-full' />
         </div>
       </div>
       <div class='col-md-7 col-12'>