add titles head

frontend/src/routes/+layout.svelte

@@ -15,6 +15,11 @@
 
 </script>
 
+<svelte:head>
+    <title>Générateur d'exercices</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/favicon.png">
+</svelte:head>
 
 <Notification>
     <Navigation>

frontend/src/routes/dashboard/+page.svelte

@@ -32,7 +32,9 @@
   $: !$initialLoading && !$isAuth && goto("/");
 
 </script>
-
+<svelte:head>
+  <title>Profil - {$user != null ? $user.username: ""}</title>
+</svelte:head>
 <div>
   {#if $user != null}
     <h1>Mon compte</h1>

frontend/src/routes/exercices/[[slug]]/+page.svelte

@@ -3,5 +3,7 @@
 
   /** @type {import('./$types').PageData} */  
 </script>
-
+<svelte:head>
+  <title>Exercices</title>
+</svelte:head>
 <Feed />

frontend/src/routes/room/+page.svelte

@@ -11,7 +11,9 @@
         <button class="primary-btn" on:click={()=>{goto('/room/create')}}>Créer</button>
     </div>
 </div>
-
+<svelte:head>
+    <title>Rejoindre</title>
+</svelte:head>
 <style lang="scss">
     h1{
         font-size: 4rem;

frontend/src/routes/room/[...slug]/+page.svelte

@@ -463,6 +463,10 @@
 
 </script>
 
+<svelte:head>
+  <title>{$room != null ? $room.name: "Salle - Chargement"}</title>
+</svelte:head>
+
 <div class="container">
   <div class="full" class:fade>
     {#if $page.url.searchParams.get('a') == "waiting"}

frontend/src/routes/room/create/+page.svelte

@@ -48,7 +48,9 @@
     </button>
   </form>
 </div>
-
+<svelte:head>
+  <title>Créer une salle</title>
+</svelte:head>
 <style lang="scss">
   h1 {
     font-size: 3em;

frontend/src/routes/signin/+page.svelte

@@ -13,7 +13,9 @@
 	}
 	let loading = false
 </script>
-
+<svelte:head>
+	<title>Se connecter</title>
+</svelte:head>
 <div class="parent">
 	<div>
 		<h1>Se connecter</h1>

frontend/src/routes/signup/+page.svelte

@@ -1,26 +1,32 @@
 <script lang="ts">
-	import InputWithLabel from '../../components/forms/InputWithLabel.svelte';
+  import InputWithLabel from "../../components/forms/InputWithLabel.svelte";
-	import { form, field } from 'svelte-forms';
+  import { form, field } from "svelte-forms";
-	import { getContext, onMount } from 'svelte';
+  import { getContext, onMount } from "svelte";
-	import { required, max, min, matchField, pattern } from 'svelte-forms/validators';
+  import { required, max, min, matchField, pattern } from "svelte-forms/validators";
-	import { errorMsg } from '../../utils/forms';
+  import { errorMsg } from "../../utils/forms";
-	import { writable } from 'svelte/store';
+  import { writable } from "svelte/store";
-	import { goto } from '$app/navigation';
+  import { goto } from "$app/navigation";
+
   let errors = {
     password_error: null,
     username_error: null,
     confirm_error: null
   };
-	const { register, isAuth, initialLoading } = getContext('auth');
+  const { register, isAuth, initialLoading } = getContext("auth");
-	const username = field('username', '', [required(), max(20)]);
+  const username = field("username", "", [required(), max(20)]);
-	const password = field('password', '', [required(), min(8), pattern(/[0-9]/), pattern(/[A-Z]/)]);
+  const password = field("password", "", [required(), min(8), pattern(/[0-9]/), pattern(/[A-Z]/)]);
-	const confirm = field('confirm', '', [required(), matchField(password)]);
+  const confirm = field("confirm", "", [required(), matchField(password)]);
   const myForm = form(username, password, confirm);
 
-	$: !$initialLoading && !!$isAuth && goto('/dashboard');
+  $: !$initialLoading && !!$isAuth && goto("/dashboard");
-	let loading = false
+  let loading = false;
 </script>
 
+
+<svelte:head>
+  <title>S'inscrire</title>
+</svelte:head>
+
 <div class="parent">
   <div>
     <h1>S'inscrire</h1>
@@ -73,7 +79,7 @@
 			}}
       disabled={!$myForm.valid}
     >
-<!--			loading et span.spinner else text-->
+      <!--			loading et span.spinner else text-->
       {#if loading}
         <span class="spinner"></span>
       {:else}
@@ -87,11 +93,13 @@
   h1 {
     font-size: 4em;
   }
+
   .parent {
     width: 100%;
     display: flex;
     justify-content: center;
     margin-top: 50px;
+
     div {
       display: flex;
       flex-direction: column;
@@ -101,9 +109,10 @@
       padding: 7px 20px;
     }
   }
-	.spinner{
+
+  .spinner {
     width: 15px;
     height: 15px;
-		border-width: 2px!important;
+    border-width: 2px !important;
   }
 </style>