✨ Added stats to homepage

frontend/src/routes/index.svelte

@@ -1,26 +1,49 @@
-<script lang="ts">
+<script lang='ts'>
 	import { navbarVisible } from '$lib/stores';
+
 	navbarVisible.set(true);
+
+	interface StatsData {
+		quiz_count: number;
+		user_count: number;
+	}
+
+	const getStats = async () => {
+		const response = await fetch('/api/v1/stats/combined');
+		return await response.json();
+	};
 </script>
 
 <svelte:head>
 	<title>ClassQuiz - Home</title>
 	<meta
-		name="description"
-		content="ClassQuiz is a quiz app like KAHOOT! for students, which is open source and free to use."
+		name='description'
+		content='ClassQuiz is a quiz app like KAHOOT! for students, which is open source and free to use.'
 	/>
 </svelte:head>
 
 <section>
-	<div class="pt-12 text-center">
-		<h1 class="sm:text-8xl text-6xl mt-6 marck-script">ClassQuiz</h1>
-		<p class="text-xl mt-4">The open-source quiz-platform!</p>
+	<div class='pt-12 text-center'>
+		<h1 class='sm:text-8xl text-6xl mt-6 marck-script'>ClassQuiz</h1>
+		<p class='text-xl mt-4'>The open-source quiz-platform!</p>
 	</div>
 </section>
-<section id="features">
-	<div class="text-center pt-48 snap-y">
-		<h1 class="sm:text-6xl text-4xl">Features</h1>
-		<p class="text-xl pt-4">
+
+<section id='stats'>
+	<div class='text-center pt-48 snap-y'>
+		<h1 class='sm:text-6xl text-4xl'>Stats</h1>
+		<p class='text-xl pt-4'>
+			{#await getStats() then stats}
+				There are already <span class='underline'>{stats.user_count}</span> users and <span class='underline'>{stats.quiz_count}</span> quizzes on ClassQuiz.
+			{/await}
+
+		</p>
+	</div>
+</section>
+<section id='features'>
+	<div class='text-center pt-24 snap-y'>
+		<h1 class='sm:text-6xl text-4xl'>Features</h1>
+		<p class='text-xl pt-4'>
 			ClassQuiz is a quiz-platform that allows you to create and manage quizzes.
 			<br />
 			The main feature is a KAHOOT!-import function that allows you to import quizzes from KAHOOT!-quizzes.