lazyload images

src/components/Avatar.tsx

@@ -22,6 +22,8 @@ export default function Avatar({
         src={url}
         width={size}
         height={size}
+        loading="lazy"
+        placeholder="blur"
         priority
       />
     </>

src/components/player/Score.tsx

@@ -43,6 +43,8 @@ export default function Score({ score, player, leaderboard }: ScoreProps) {
           className="h-fit rounded-md"
           width={60}
           height={60}
+          loading="lazy"
+          placeholder="blur"
         />
         {/* Song Info */}
         <div className="w-fit truncate text-blue-500">