feat: implement OnInit lifecycle hook in registration component and fix styling in verification component

frontend/src/app/page/onboarding/registration/registration.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import {EmailFieldComponent} from "../../../atomic/input/email-field/email-field.component";
 import {TextLinkComponent} from "../../../atomic/text-link/text-link.component";
 import {Router, RouterLink} from "@angular/router";
@@ -17,7 +17,7 @@ import {verify_email} from "../../../model/util";
     templateUrl: './registration.component.html',
     styleUrl: './registration.component.css'
 })
-export class RegistrationComponent {
+export class RegistrationComponent implements OnInit {
     mail: string = '';
 
     constructor(private router: Router) {
@@ -36,6 +36,11 @@ export class RegistrationComponent {
     }
 
     set_mail() {
+        const focusedElement = document.activeElement as HTMLElement;
+        if (focusedElement) {
+            focusedElement.blur();
+        }
+
         if (!this.mail || !this.verify_mail()) {
             return;
         }

frontend/src/app/page/onboarding/verification/verification.component.css

@@ -34,6 +34,7 @@
     margin-top: 3rem;
     font-weight: bold;
     font-size: 1.5rem;
+    line-height: 2rem;
 }
 
 .button-container {