feat: use placeholder for game header image

Signed-off-by: Matt Gleich <git@mattglei.ch>

Author: gleich

src/lib/index/sections/games/games-section.svelte

@@ -33,7 +33,13 @@
 				<Card padding="0">
 					<a href={game.url} target="_blank" class="game" title={`View "${game.name}" on Steam`}>
 						<div class="game-picture">
-							<Image src={game.header_url} alt={game.name} width={460} height={215} />
+							<Image
+								src={game.header_url}
+								alt={game.name}
+								width={460}
+								height={215}
+								placeholder={game.header_blur_hash}
+							/>
 						</div>
 						<div class="stats">
 							<Stats

src/lib/lcp/steam.ts

@@ -4,6 +4,7 @@ export interface Game {
 	url: string;
 	icon_url: string;
 	header_url: string;
+	header_blur_hash: string;
 	library_url: string | undefined;
 	playtime_forever: number;
 	achievement_progress: number | undefined;