refactor(sign up): use button instead of div

frontend/src/ts/controllers/account-controller.ts

@@ -634,15 +634,8 @@ $("#top .signInOut").on("click", () => {
   }
 });
 
-$(".pageLogin .register input").keyup((e) => {
-  if ($(".pageLogin .register .button").hasClass("disabled")) return;
-  if (e.key === "Enter") {
-    signUp();
-  }
-});
-
-$(".pageLogin .register .button").on("click", () => {
-  if ($(".pageLogin .register .button").hasClass("disabled")) return;
+$(".pageLogin .register form").on("submit", (e) => {
+  e.preventDefault();
   signUp();
 });
 

frontend/src/ts/pages/login.ts

@@ -8,11 +8,11 @@ import * as Misc from "../utils/misc";
 import TypoList from "../utils/typo-list";
 
 export function enableSignUpButton(): void {
-  $(".page.pageLogin .register.side .button").removeClass("disabled");
+  $(".page.pageLogin .register.side button").prop("disabled", false);
 }
 
 export function disableSignUpButton(): void {
-  $(".page.pageLogin .register.side .button").addClass("disabled");
+  $(".page.pageLogin .register.side button").prop("disabled", true);
 }
 
 export function enableSignInButton(): void {
@@ -25,10 +25,12 @@ export function disableSignInButton(): void {
 
 export function enableInputs(): void {
   $(".pageLogin input").prop("disabled", false);
+  $(".pageLogin button").prop("disabled", false);
 }
 
 export function disableInputs(): void {
   $(".pageLogin input").prop("disabled", true);
+  $(".pageLogin button").prop("disabled", true);
 }
 
 export function showPreloader(): void {
@@ -339,7 +341,6 @@ export const page = new Page(
   async () => {
     Skeleton.append("pageLogin", "middle");
     enableInputs();
-    enableSignInButton();
     enableSignUpButton();
   },
   async () => {

frontend/src/ts/popups/google-sign-up-popup.ts

@@ -140,7 +140,6 @@ async function apply(): Promise<void> {
     Notifications.add(message, -1);
     LoginPage.hidePreloader();
     LoginPage.enableInputs();
-    LoginPage.enableSignInButton();
     LoginPage.enableSignUpButton();
     if (signedInUser && getAdditionalUserInfo(signedInUser)?.isNewUser) {
       await Ape.users.delete();

frontend/static/html/pages/login.html

@@ -37,10 +37,10 @@
         autocomplete="verify-password"
         name="verify-password"
       />
-      <div class="button disabled">
+      <button type="submit" disabled>
         <i class="fas fa-user-plus"></i>
         Sign Up
-      </div>
+      </button>
     </form>
   </div>
   <div class="login side">