feat: replace maintenance TV noise with error GIF for better user experience

Author: devlulcas

src/routes/+layout.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { website } from '$/lib/assets/config/website';
 	import IconUimGithubAlt from '$/lib/assets/icons/icon-uim-github-alt.svelte';
+	import errorGif from '$/lib/assets/images/error.gif';
 	import Footer from '$/lib/components/footer/footer.svelte';
 	import Header from '$/lib/components/header/header.svelte';
 	import { t } from '$/lib/i18n';
@@ -31,9 +32,9 @@ class="bg-brand-600 sr-only top-1 left-1 text-white focus:not-sr-only focus:fixe
 <Footer />
 
 {#if underMaintenance}
-	<TvNoise options={{ baseAlpha: 0.5, flickerVariation: 0.01, scaleFactor: 1.5 }} class="pointer-events-none fixed inset-0 mix-blend-overlay backdrop-blur-xs z-50" />
-	<main class="grid place-items-center h-screen w-screen fixed inset-0 z-50 bg-background/80">
-
+<img loading="lazy" src={errorGif} alt="Error" class="pointer-events-none fixed inset-0 z-50 w-full h-full object-cover" />
+<TvNoise options={{ baseAlpha: 0.5, flickerVariation: 0.01, scaleFactor: 1.5 }} class="pointer-events-none fixed inset-0 mix-blend-overlay backdrop-blur-xs z-51" />
+	<main class="grid place-items-center h-screen w-screen fixed inset-0 z-52 bg-background/80">
 		<div class="flex flex-col items-center justify-center gap-4 font-mono text-center">
 			<Typewriter text="$words" speed={100} words={['Under maintenance!', `We'll be back soon!`, 'New year, new updates!', 'Bip bop bip bup!']} />
 			<a