✨ Added newsletter and small fixes

frontend/src/routes/index.svelte

@@ -15,8 +15,11 @@
 	import Footer from '$lib/footer.svelte';
 	import WebPOpenGraph from '$lib/assets/landing/opengraph-home.webp';
 	import JpgOpenGraph from '$lib/assets/landing/opengraph-home.jpg';
+	import Newsletter from '$lib/landing/newsletter.svelte';
+	import { fly } from 'svelte/transition';
 
 	import LandingPromo from '$lib/landing/landing-promo.svelte';
+	import { onMount } from 'svelte';
 
 	const { t } = getLocalization();
 
@@ -31,6 +34,11 @@
 		const response = await fetch('/api/v1/stats/combined');
 		return await response.json();
 	};
+	let newsletterModalOpen;
+	onMount(() => {
+		const ls = localStorage.getItem('newsletter');
+		newsletterModalOpen = ls === null;
+	});
 </script>
 
 <svelte:head>
@@ -108,5 +116,12 @@
 		</div>
 	</section>
 </div>
-
+{#if newsletterModalOpen}
+	<div
+		class="fixed bottom-8 right-5 bg-white rounded-lg h-fit w-11/12 ml-5 lg:w-2/12 z-50 p-2 bg-white dark:bg-gray-700"
+		transition:fly
+	>
+		<Newsletter bind:open={newsletterModalOpen} />
+	</div>
+{/if}
 <Footer />