Add show all button

Author: RafaeloxMC

src/app/components/for-you-page/for-you-page.component.html

@@ -7,11 +7,12 @@ <h1 class="text-center mt-2 text-2xl font-bold">Für dich vorgeschlagene Aktivit
         <app-activity-card [activity]="activity"></app-activity-card>
         }
     </div>
-    <div class="flex justify-center items-center mt-2 mb-2">
+    <div class="flex flex-col justify-center items-center mt-2 mb-2">
         <button type="button" class="btn btn-margin" (click)="doReshuffle()">
             <i class="bi bi-shuffle"></i>
             Neue Vorschläge
         </button>
+        <button type="button" class="btn btn-margin" routerLink="/search-result">Alle anzeigen</button>
     </div>
     } @else {
         <div class="d-flex justify-content-center align-items-center" style="height: 80vh;">

src/app/components/for-you-page/for-you-page.component.ts

@@ -3,14 +3,15 @@ import { Activity } from '../../types/activity.interface';
 import { AirtableService } from '../../services/airtable.service';
 import { ActivityCardComponent } from '../activity-card/activity-card.component';
 import { NgIf } from '@angular/common';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
 @Component({
   selector: 'app-for-you-page',
   standalone: true,
   imports: [
     ActivityCardComponent,
-    NgIf
+    NgIf,
+    RouterLink
   ],
   templateUrl: './for-you-page.component.html',
   styleUrl: './for-you-page.component.scss'