better email validation on signup

account/views/login.ejs

@@ -29,7 +29,8 @@
     <h1 class="h3 mb-4 fw-normal">Sign in to LingDocs</h1>
     <!-- <p class="small mb-2">New? Enter an e-mail and password to sign up</p> -->
     <div class="form-floating mt-3">
-      <input type="email" required class="form-control" id="emailInput" placeholder="name@example.com">
+      <input type="email" pattern="^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$
+" required class="form-control" id="emailInput" placeholder="name@example.com">
       <label for="floatingInput">Email address</label>
     </div>
     <div class="form-floating">