Revert "Trigger greeting reload by clicking the app title"

The header logo's click handler in AppComponent required injecting
GreetingService into the application shell, which instantiated the
greeting resource at bootstrap and broke the AI-generated-greeting
e2e test (introduced in PR #54, commit 6047dec).

Restore the dedicated refresh button on the home page so the resource
is only created from within the authenticated route, matching the
working state of PR #53.

https://claude.ai/code/session_01GD8tXttFntAmxFRZ8vJnrh

Author: claude

client/src/app/app.component.html

@@ -1,6 +1,6 @@
 <mat-toolbar class="header">
   <nav>
-    <a mat-button routerLink="" (click)="reloadGreeting()">Skeleton App</a>
+    <a mat-button routerLink="">Skeleton App</a>
     @if(isAuthenticated()) {
     <div class="header-right">
       <app-header></app-header>

client/src/app/app.component.ts

@@ -5,7 +5,6 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterLink, RouterOutlet } from '@angular/router';
 import { HeaderComponent } from './header/header.component';
 import { AuthService } from './auth.service';
-import { GreetingService } from './greeting.service';
 
 @Component({
   selector: 'app-root',
@@ -21,10 +20,5 @@ import { GreetingService } from './greeting.service';
   styleUrl: './app.component.css',
 })
 export class AppComponent {
-  private readonly greetingService = inject(GreetingService);
   isAuthenticated = inject(AuthService).isAuthenticated;
-
-  reloadGreeting() {
-    this.greetingService.greeting.reload();
-  }
 }

client/src/app/home/home.component.css

@@ -5,6 +5,12 @@
   padding: 0 2rem;
 }
 
+.page-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 0.5rem;
+}
+
 h1 {
   color: var(--bt-text-strong);
   margin-bottom: 0.5rem;

client/src/app/home/home.component.html

@@ -1,3 +1,14 @@
+<div class="page-toolbar">
+  <button
+    mat-icon-button
+    aria-label="Refresh greeting"
+    (click)="greeting.reload()"
+    [disabled]="greeting.isLoading()"
+  >
+    <mat-icon>refresh</mat-icon>
+  </button>
+</div>
+
 @if (greeting.isLoading()) {
 <bt-bar-loader class="page-loading" label="Loading greeting" />
 } @else {

client/src/app/home/home.component.ts

@@ -1,5 +1,7 @@
 import { Component, inject } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
 import { BarLoaderComponent } from '@mucsi96/angular-material-theme';
 import { GreetingService } from '../greeting.service';
 
@@ -8,7 +10,9 @@ import { GreetingService } from '../greeting.service';
   standalone: true,
   imports: [
     BarLoaderComponent,
+    MatButtonModule,
     MatCardModule,
+    MatIconModule,
   ],
   templateUrl: './home.component.html',
   styleUrl: './home.component.css',