fix: allow returning from player detail to results

frontend/src/app/app.component.html

@@ -81,7 +81,7 @@
 
   <p *ngIf="errorMessage" class="alert">{{ errorMessage }}</p>
 
-  <section class="workspace" aria-label="Scouting workspace">
+  <section class="workspace" [class.detail-open]="selectedPlayer" aria-label="Scouting workspace">
     <div class="table-wrap">
       <table>
         <thead>
@@ -129,10 +129,13 @@
     </div>
 
     <aside class="detail" *ngIf="selectedPlayer">
-      <div>
-        <p class="eyebrow">Selected profile</p>
-        <h2>{{ selectedPlayer.name }}</h2>
-        <p class="role">{{ selectedPlayer.position }} · {{ selectedPlayer.role || 'Role pending' }}</p>
+      <div class="detail-header">
+        <div>
+          <p class="eyebrow">Selected profile</p>
+          <h2>{{ selectedPlayer.name }}</h2>
+          <p class="role">{{ selectedPlayer.position }} · {{ selectedPlayer.role || 'Role pending' }}</p>
+        </div>
+        <button type="button" class="secondary compact" (click)="returnToResults()">Back to results</button>
       </div>
       <div class="profile-strip">
         <span>{{ selectedPlayer.nationality || '-' }}</span>