feat: validation for login and register

web/app/src/routes/Login.svelte

@@ -4,10 +4,17 @@
 
     let username = "";
     let password = "";
+    let error = "";
     
     const doLogin = async () => {
+        error = "";
+        try {
             const tokenData = await login({ username, password });
             navigate("/");
+        } catch (e) {
+            error = "We had trouble logging you in";
+            return;
+        }
     };
 </script>
 
@@ -45,6 +52,11 @@
                 />
             </div>
         </div>
+        {#if error}
+            <div class="field">
+                <p class="has-text-danger">{error}</p>
+            </div>
+        {/if}
         <div class="field">
             <div class="control">
                 <button class="button is-link">Login</button>

web/app/src/routes/Register.svelte

@@ -5,10 +5,15 @@
     let username = "";
     let password = "";
     let email = "";
+    let error = "";
 
     const doRegister = async () => {
+        try {
             const tokenData = await register({ email, username, password });
             navigate("/");
+        } catch (error) {
+            error = "We had trouble registering you";
+        }
     };
 </script>