basic llm request stream

backend/web/src/routes/(public)/login/+page.svelte

@@ -3,6 +3,7 @@
   import { auth, setToken } from '$lib/state/auth.svelte';
   import { goto } from '$app/navigation';
   import { authApi } from "$lib/api/endpoints/auth"
+  import { validateEmail } from "$lib/utilities/validators"
 
   type Credentials = {
     email: string
@@ -17,7 +18,7 @@
   })
 
   const formSubmitEmail = () => {
-    credentials.validemail = true
+    credentials.validemail = validateEmail(credentials.email)
   }
 
   const formSubmitPass = (e: Event) => {
@@ -43,16 +44,16 @@
             <form onsubmit={formSubmitEmail}>
                 <div class="flex">
                     <label for="email" class="block mb-2 flex-1">Email</label>
-                    <a href="/recover-password" class="text-xs">Mot de passe oublié ?</a>
+                    <a href="/recover-password" class="text-xs ">Mot de passe oublié ?</a>
                 </div>
                 <div class="flex flex-row">
                     <input
                         type="text"
                         bind:value={credentials.email}
-                        class="textinput mr-1"
+                        class="textinput mr-1 flex-1"
                         autofocus
                     />
-                    <button class="bt" title="page suivante">
+                    <button class="bt small" title="page suivante">
                         <i class="icon-right-big"></i>
                     </button>
                 </div>
@@ -72,10 +73,10 @@
                     <input
                         type="password"
                         bind:value={credentials.password}
-                        class="textinput mr-1"
+                        class="textinput mr-1 flex-1"
                         autofocus
                     />
-                    <button class="bt">
+                    <button class="bt small">
                         Entrer
                     </button>
                 </div>