fix dialog, and wierd scroll bar

frontend/src/app/pages/welcome-root/welcome-root.component.html

@@ -458,10 +458,11 @@
 <div
   class="modal modal-open"
   *ngIf="
-    isTokenVerified() ||
-    isVerifying() ||
-    verificationError() ||
-    isAutoLoginInProgress()
+    (isTokenVerified() ||
+      isVerifying() ||
+      verificationError() ||
+      isAutoLoginInProgress()) &&
+    isValidLoginAttempt()
   "
   tabindex="-1"
   aria-labelledby="verify-modal-title"

frontend/src/app/pages/welcome-root/welcome-root.component.ts

@@ -254,6 +254,10 @@ export class WelcomeRootComponent implements OnInit {
     }
   }
 
+  public isValidLoginAttempt(): boolean {
+    return this.signin() && this.token() !== '';
+  }
+
   private focusPasswordField(): void {
     if (this.passwordInput) {
       this.passwordInput.nativeElement.focus();

frontend/src/styles.scss

@@ -8,3 +8,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+
+:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
+  scrollbar-gutter: auto
+;}