Align provisioning UI with lifecycle states

src/routes/collections/launches/[id]/+page.svelte

@@ -9,7 +9,7 @@
     import { page } from '$app/stores';
     import SectionHeader from '$ui/components/primitives/SectionHeader.svelte';
     import Breadcrumbs from '$ui/components/primitives/Breadcrumbs.svelte';
-    import Badge from '$ui/components/primitives/Badge.svelte';
+    import ProvisioningStatusBadge from '$ui/components/ProvisioningStatusBadge.svelte';
     import Button from '$ui/components/primitives/Button.svelte';
     import type { CollectionDetail } from '$lib/deployment-plan.js';
 
@@ -64,28 +64,10 @@
     const firstQueued = $derived(
         detail?.servers.find((server) => !server.server_deleted_at && server.state === 'queued')
     );
-    const labels: Record<string, string> = {
-        queued: 'Queued',
-        running: 'Launching',
-        'awaiting-health': 'Checking readiness',
-        done: 'Ready',
-        warning: 'Needs review',
-        failed: 'Failed',
-        interrupted: 'Interrupted',
-        waiting: 'Waiting',
-        cancelled: 'Cancelled'
-    };
     const waitingForPort = (server: CollectionServer) =>
         server.state === 'queued' &&
         (server.stage.startsWith('Waiting for removal') ||
             server.stage.startsWith('Waiting for port'));
-    function stateLabel(server: CollectionServer) {
-        if (waitingForPort(server)) return 'Waiting for removal';
-        if (server.action === 'destroy' && server.state === 'done') return 'Removed';
-        if (server.action === 'destroy' && server.state === 'running') return 'Removing';
-        return labels[server.state] ?? server.state;
-    }
-
     function queueHint(server: CollectionServer) {
         const reason = server.stage || 'Waiting for a startup slot and available host capacity.';
         return server.queuePosition && server.queuePosition > 1
@@ -382,15 +364,7 @@
                                             name={server.server}
                                             deletedAt={server.server_deleted_at}
                                         /></strong
-                                    ><Badge
-                                        variant={needsAttention(server)
-                                            ? 'danger'
-                                            : server.state === 'done'
-                                              ? 'online'
-                                              : launching(server)
-                                                ? 'info'
-                                                : 'neutral'}>{stateLabel(server)}</Badge
-                                    >
+                                    ><ProvisioningStatusBadge state={server.state} />
                                 </div>
                                 <p class:error={!!server.error}>
                                     {server.error ??