feat: update component styles to use 100% height for better responsiveness

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

@@ -10,7 +10,7 @@ img {
     text-align: center;
     justify-content: center;
     justify-items: center;
-    height: 85vh;
+    height: 100%;
     padding: 0 1.5rem;
 }
 

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

@@ -17,7 +17,7 @@ p {
     text-align: center;
     justify-content: center;
     justify-items: center;
-    height: 85vh;
+    height: 100%;
     /*padding: 0 1.5rem;*/
     row-gap: 2rem;
 }

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

@@ -47,7 +47,7 @@ ul {
     align-items: center;
     text-align: center;
     justify-content: center;
-    height: 100vh;
+    height: 100%;
     padding: 0 1.5rem;
 }
 

frontend/src/app/page/onboarding/start/start.component.html

@@ -5,6 +5,7 @@
     <h1>Hallo. Digitale&nbsp;Spuren entfernen per Knopfdruck.</h1>
     <p>Mit uns finden Sie Ihre Digitalen&nbsp;Spuren und können diese entfernen.</p>
 
+    <!--    <atomic-product-overview></atomic-product-overview>-->
     <div class="button-container">
         <atomic-text-button [text]="'Weiter'" [routerLink]="'/onboarding/notifications'"></atomic-text-button>
         <div class="login-container">
@@ -23,4 +24,5 @@
             </li>
         </ul>
     </div>
+
 </div>

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

@@ -2,13 +2,15 @@ import {Component} from '@angular/core';
 import {TextButtonComponent} from "../../../atomic/text-button/text-button.component";
 import {RouterLink} from "@angular/router";
 import {TextLinkComponent} from "../../../atomic/text-link/text-link.component";
+import {ProductOverviewComponent} from "../../../atomic/product-overview/product-overview.component";
 
 @Component({
     selector: 'app-start',
     imports: [
         TextButtonComponent,
         RouterLink,
-        TextLinkComponent
+        TextLinkComponent,
+        ProductOverviewComponent
     ],
     templateUrl: './start.component.html',
     styleUrl: './start.component.css'

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

@@ -14,7 +14,7 @@
     text-align: center;
     justify-content: center;
     justify-items: center;
-    height: 85vh;
+    height: 100%;
     row-gap: 1rem;
 }