Fable will fix it! Pt 3

frontend/src/components/UpkeepPhase.svelte

@@ -1,6 +1,7 @@
 <script>
     import { apiRequest } from '../lib/api';
     import { getSuggestion } from '../lib/suggestions';
+    import { displayName } from '../lib/cards';
     import Card from './Card.svelte';
 
     export let state;
@@ -270,7 +271,7 @@
                             <option value="">Nominate crewmate...</option>
                             {#each state.players as p}
                                 {#if p.id !== state.player.id && p.role !== 'deep'}
-                                    <option value={p.id}>{p.name} (Rank {p.rank})</option>
+                                    <option value={p.id}>{displayName(p)} (Rank {p.rank})</option>
                                 {/if}
                             {/each}
                         </select>
@@ -287,7 +288,7 @@
                     {#each state.players as p}
                         {@const voted = state.votes.some(v => v.voter_player_id === p.id)}
                         <div class="player-chip {voted ? 'voted-chip' : 'not-voted-chip'}">
-                            <span class="name">{p.name}</span>
+                            <span class="name">{displayName(p)}</span>
                             <span class="status-badge">{voted ? 'Done' : 'Voting...'}</span>
                         </div>
                     {/each}
@@ -372,7 +373,7 @@
                 <ul class="ranks-ledger">
                     {#each state.players as p}
                         <li>
-                            <strong>{p.name}:</strong> Rank {p.rank} 
+                            <strong>{displayName(p)}:</strong> Rank {p.rank}
                             {#if p.role === 'deep'}<span class="deep-badge">Deep</span>{:else if p.is_ghost}<span class="ghost-badge" style="background: rgba(120, 150, 180, 0.15); border: 1px solid #7890a8; color: #a0b0c0; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.75rem; font-weight: 700; margin-left: 0.5rem; display: inline-block;">Ghost</span>{:else}<span class="pirat-badge">Pi-Rat</span>{/if}
                         </li>
                     {/each}