perf(images): lazy-load and async-decode off-screen imagery

Add loading=lazy and decoding=async to the 16 <img> elements that
weren't already deferring across Tools/Wrapped, Events, EasterEvent,
Hololive, and the rate-limited fallback. Also drop the
backdrop-filter: blur(160px) the dropdown items were paying on every
hover; the background-color change already gives sufficient feedback,
and the parent card's own blur stays.

2 files changed, 10 insertions, 0 deletions

diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
index 8faf0ba3..f606f366 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/ClickableAreaPage.svelte
@@ -21,6 +21,8 @@ const handleClick = (index: number) => {
       <img
         src={url}
         alt="Option {i + 1}"
+        loading="lazy"
+        decoding="async"
         style={selectedIndex === i
           ? i === correctIndex
             ? 'border: 3px solid var(--base0B)'
diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
index d717f5d0..bd77ab4c 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
@@ -107,6 +107,8 @@ const onLeavePopup = () => {
     id="egg-visual-{targetID}-{id}"
     src="https://images.vexels.com/media/users/3/162149/isolated/preview/7f9f0546b21308e4851956e9c15313c9-egg-easter-painted-easter-egg-easter-egg-spot-pattern-stripe-flat.png"
     alt="Easter Egg"
+    loading="lazy"
+    decoding="async"
     class="egg"
   />
 
@@ -133,6 +135,8 @@ const onLeavePopup = () => {
           <img
             src="https://files.anilist-badges.com/badges/events/2025/04/20-Easter-2025-Epexity-event-banner-1.png"
             alt="Banner"
+            loading="lazy"
+            decoding="async"
           />
         </a>
       </div>
@@ -156,6 +160,8 @@ const onLeavePopup = () => {
           <img
             src="https://files.anilist-badges.com/badges/events/2025/04/20-Easter-2025-Basurahan-1.png"
             alt="Badge 1"
+            loading="lazy"
+            decoding="async"
           />
         </a>
 
@@ -169,6 +175,8 @@ const onLeavePopup = () => {
           <img
             src="https://files.anilist-badges.com/badges/events/2025/04/20-Easter-2025-Dxvxdffm-1.png"
             alt="Badge 2"
+            loading="lazy"
+            decoding="async"
           />
         </a>
       </div>