fix: add titles & minor translations

src/routes/+page.svelte

@@ -8,6 +8,10 @@
 	const props: Props = $props();
 </script>
 
+<svelte:head>
+	<title>TCL-Guessr</title>
+</svelte:head>
+
 <h1><img src="/logo.avif" alt="tcl-guessr logo" width="240" height="240" /></h1>
 
 <div class="login">

src/routes/game/+page.svelte

@@ -105,7 +105,7 @@
 				.addTo(map)
 				.openPopup();
 		} else {
-			alert("it seems than an error occurred");
+			alert(`une erreur est survenue: ${response.status} ${await response.text()}`);
 		}
 
 		isChecking = false;
@@ -135,18 +135,22 @@
 	}
 </script>
 
-{#await Promise.all([mapPromise, gamePromise])}
-	<h1>Loading...</h1>
+<svelte:head>
+	<title>TCL-Guessr</title>
+</svelte:head>
 
-	<div><button disabled>Loading...</button></div>
+{#await Promise.all([mapPromise, gamePromise])}
+	<h1>Chargement...</h1>
+
+	<div><button disabled>Chargement...</button></div>
 {:then [, gameData]}
 	<h1>{gameData.stopNames[currentIndex]}</h1>
 
 	<div>
 		{#if results === null}
-			<button onclick={checkLocation} disabled={!playerMarker || isChecking}>SUBMIT</button>
+			<button onclick={checkLocation} disabled={!playerMarker || isChecking}>VÉRIFIER</button>
 		{:else}
-			<button onclick={restartGame}>NEXT</button>
+			<button onclick={restartGame}>SUIVANT</button>
 		{/if}
 	</div>
 {/await}
@@ -168,6 +172,10 @@
 		max-width: 100% !important;
 	}
 
+	button {
+		padding: 10px;
+	}
+
 	.results {
 		color: green;
 		font-size: 20px;

src/routes/leaderboard/+page.svelte

@@ -15,7 +15,11 @@
 	}
 </script>
 
-<h1>LEADERBOARD !!!!!</h1>
+<svelte:head>
+	<title>Tableau des scores</title>
+</svelte:head>
+
+<h1>Tableau des scores</h1>
 
 <div>
 	Mode: <select name="mode" bind:value={mode}>

src/routes/results/+page.svelte

@@ -14,6 +14,10 @@
 	const saveParams = new URLSearchParams({ next: `/api/save?id=${props.data.gameId}` });
 </script>
 
+<svelte:head>
+	<title>TCL-Guessr - Résultats</title>
+</svelte:head>
+
 <h1>Score total: {totalScore}</h1>
 
 <span>Mode: <b>{mode}</b></span>