Restructure UX and seed a fully simulated organisation

Rework the dashboard, environment topology view, header navigation, and
status rendering, and standardise selects on a shadcn-vue component.

Replace the thin database seeder with a SimulatedEnvironmentSeeder that
builds a fully wired, mostly-running organisation (ACTIVE server fleet,
managed + GHCR registries, Gitea source provider, ClipBin app with
production/staging environments, services, slices, endpoints, managed
variables, build artifacts, and a completed/in-progress/failed operations
history) so the new UI renders against realistic data.

resources/js/pages/operations/Show.vue

@@ -10,7 +10,8 @@ defineProps<{
     operation: Record<string, any>;
 }>();
 
-const label = (value?: string | null): string => value?.replaceAll("_", " ").replaceAll("-", " ") ?? "";
+const label = (value?: string | null): string =>
+    value?.replaceAll("_", " ").replaceAll("-", " ") ?? "";
 
 usePoll(5000, {}, { keepAlive: true });
 
@@ -49,9 +50,13 @@ const cancelOperation = (operation: Record<string, any>): void => {
             <div class="flex flex-wrap items-center justify-between gap-3">
                 <div>
                     <div class="flex flex-wrap items-center gap-2">
-                        <h2 class="text-3xl font-bold tracking-tight">{{ label(operation.kind) }}</h2>
+                        <h2 class="text-3xl font-bold tracking-tight">
+                            {{ label(operation.kind) }}
+                        </h2>
                         <Badge variant="outline">{{ operation.hash }}</Badge>
-                        <Badge :variant="operation.status === 'completed' ? 'success' : 'secondary'">
+                        <Badge
+                            :variant="operation.status === 'completed' ? 'success' : 'secondary'"
+                        >
                             {{ label(operation.status) }}
                         </Badge>
                     </div>