✨ Finished game-results

frontend/src/routes/results/[result_id]/+page.svelte

@@ -7,6 +7,11 @@
 	import type { PageData } from './$types';
 	import PlayerOverview from './player_overview.svelte';
 	import QuestionOverview from './question_overview.svelte';
+	import GeneralOverview from './general_overview.svelte';
+	import { fade } from 'svelte/transition';
+	import { getLocalization } from '$lib/i18n';
+
+	const { t } = getLocalization();
 
 	export let data: PageData;
 
@@ -35,7 +40,7 @@
 					selected_tab = SelectedTab.Overview;
 				}}
 				class="m-auto w-full h-full"
-				>Overview
+				>{$t('words.overview')}
 			</button>
 		</div>
 		<div
@@ -49,7 +54,7 @@
 				}}
 				class="m-auto w-full h-full"
 			>
-				Players
+				{$t('words.player', { count: 2 })}
 			</button>
 		</div>
 		<div
@@ -62,16 +67,26 @@
 					selected_tab = SelectedTab.Questions;
 				}}
 				class="m-auto w-full h-full"
-				>Questions
+				>{$t('words.question', { count: 2 })}
 			</button>
 		</div>
 	</div>
-	{#if selected_tab === SelectedTab.Overview}{:else if selected_tab === SelectedTab.Questions}
-		<div>
-			<QuestionOverview quiz={data.results.quiz} answers={data.results.answers} />
+	{#if selected_tab === SelectedTab.Overview}
+		<div in:fade={{ duration: 150 }}>
+			<GeneralOverview
+				questions={data.results.questions}
+				answers={data.results.answers}
+				scores={data.results.player_scores}
+				title={data.results.title}
+				timestamp={data.results.timestamp}
+			/>
+		</div>
+	{:else if selected_tab === SelectedTab.Questions}
+		<div in:fade={{ duration: 150 }}>
+			<QuestionOverview questions={data.results.questions} answers={data.results.answers} />
 		</div>
 	{:else if selected_tab === SelectedTab.Players}
-		<div>
+		<div in:fade={{ duration: 150 }}>
 			<PlayerOverview
 				custom_field={data.results.custom_field_data}
 				scores={data.results.player_scores}