feat: add navbar component to multiple pages

frontend/src/app/app.component.html

@@ -1,7 +1,6 @@
 <div class="min-h-screen flex flex-col">
-  <app-navbar></app-navbar>
   <main class="flex-grow">
     <router-outlet></router-outlet>
   </main>
   <app-footer></app-footer>
-</div>
+</div>

frontend/src/app/homepage/homepage/homepage.component.html

@@ -1,14 +1,4 @@
-<nav class="bg-black border-b border-amber-600/30 sticky top-0 z-50">
-  <div class="container mx-auto px-4 py-3 flex justify-between items-center">
-    <!-- logo goes here -->
-    <div class="flex gap-4">
-      <button class="btn-primary" (click)="logout()">Ausloggen</button>
-    </div>
-    <div>
-      <button class="btn-primary">Benutzer</button>
-    </div>
-  </div>
-</nav>
+<app-navbar></app-navbar>
 
 <div class="grid grid-cols-3">
   <div class="w-1/3 h-1/4">

frontend/src/app/homepage/homepage/homepage.component.ts

@@ -1,10 +1,10 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { KeycloakService } from 'keycloak-angular';
-
+import { NavbarComponent } from '../../shared/components/navbar/navbar.component';
 @Component({
   selector: 'app-homepage',
   standalone: true,
-  imports: [],
+  imports: [NavbarComponent],
   templateUrl: './homepage.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

frontend/src/app/landing-page/landing-page.component.html

@@ -0,0 +1 @@
+<app-navbar></app-navbar>

frontend/src/app/landing-page/landing-page.component.ts

@@ -1,10 +1,10 @@
-import { Component, inject } from '@angular/core';
-import { KeycloakService } from 'keycloak-angular';
+import { Component } from '@angular/core';
+import { NavbarComponent } from '../shared/components/navbar/navbar.component';
 
 @Component({
   selector: 'app-landing-page',
   standalone: true,
-  imports: [],
+  imports: [NavbarComponent],
   templateUrl: './landing-page.component.html',
 })
 export class LandingPageComponent {}