Make UI language, timestamps and live feedback consistent

src/routes/+page.svelte

@@ -25,6 +25,7 @@
     import type { ZombieGame } from '$lib/map-aliases.js';
     import { elapsedSince } from '$ui/duration.js';
     import { serverTitle } from '$ui/server-labels.js';
+    import { plural } from '$ui/plural.js';
 
     let query = $state('');
     let filter = $state<FleetFilter>('all');
@@ -177,7 +178,7 @@
     {/if}
     {#if servers.length}
         <div class="overview" aria-label="Fleet summary">
-            <span><strong>{healthy.length ? players : '—'}</strong> players · <strong>{liveCount}</strong> live {liveCount === 1 ? 'match' : 'matches'}</span>
+            <span><strong>{healthy.length ? players : '—'}</strong> {plural(players, 'player')} · <strong>{liveCount}</strong> live {plural(liveCount, 'match', 'matches')}</span>
             <span><strong>{healthy.length}/{servers.length}</strong> healthy</span>
             <button class="metric-link" onclick={() => { resetFilters(); filter = 'empty'; }}>{empty} empty {empty === 1 ? 'lobby' : 'lobbies'}</button>
             {#if campaigns}<a class="metric-link" href="/campaigns">{campaigns} active {campaigns === 1 ? 'campaign' : 'campaigns'}</a>{/if}
@@ -227,7 +228,7 @@
                 <div class="chips" role="radiogroup" aria-label="Filter servers">{#each filters as item}
                     {@const count = servers.filter(server => matchesView(server, '', item.id)).length}
                     <label class="filter-chip" class:selected={filter === item.id}>
-                        <input type="radio" name="fleet-filter" value={item.id} bind:group={filter} aria-label={`${item.label}, ${count} servers`} />
+                        <input type="radio" name="fleet-filter" value={item.id} bind:group={filter} aria-label={`${item.label}, ${count} ${plural(count, 'server')}`} />
                         {item.label}<span> {count}</span>
                     </label>
                 {/each}</div>
@@ -276,7 +277,7 @@
                 </tbody>{/each}
             </table></div>
         {/if}
-        <footer class="fleet-footer"><span>{filtered.length} of {servers.length} servers</span><a href="/maintenance?view=versions">Plutonium versions →</a></footer>
+        <footer class="fleet-footer"><span>{filtered.length} of {servers.length} {plural(servers.length, 'server')}</span><a href="/maintenance?view=versions">Plutonium versions →</a></footer>
     {/if}
 </section>