Fix Homepage collage's active photo effect while hover

- Change method and use a class on collage itself fading all photos, then highlight the one being hovered
- For some reason the content inside was conflicting the mouseenter event

src/components/molecules/PhotoCard.svelte

@@ -21,14 +21,14 @@
 </script>
 
 <div class="photo-card"
-    class:is-inactive={hovered}
+    class:is-hovered={hovered}
     on:mouseenter={() => sendHover(true)}
     on:focus={() => sendHover(true)}
     on:mouseout={() => sendHover(false)}
     on:blur={() => sendHover(false)}
 >
     {#if url}
-        <a href={url}>
+        <a href={url} sveltekit:noscroll>
             <Image
                 id={id}
                 sizeKey="postcard"