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/services/Edit.vue

@@ -4,6 +4,13 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@/components/ui/select";
 import AppLayout from "@/layouts/AppLayout.vue";
 import { Head, router, useForm } from "@inertiajs/vue3";
 
@@ -146,20 +153,27 @@ const destroyService = (): void => {
             <Card>
                 <CardHeader>
                     <CardTitle>Deployment</CardTitle>
-                    <CardDescription>Stateful services can track available image updates.</CardDescription>
+                    <CardDescription
+                        >Stateful services can track available image updates.</CardDescription
+                    >
                 </CardHeader>
                 <CardContent class="grid gap-4 md:grid-cols-2">
                     <div class="grid gap-2">
                         <Label for="deploy_policy">Deploy policy</Label>
-                        <select
-                            id="deploy_policy"
-                            v-model="form.deploy_policy"
-                            class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
-                        >
-                            <option v-for="policy in deployPolicies" :key="policy" :value="policy">
-                                {{ policy.replace("_", " ") }}
-                            </option>
-                        </select>
+                        <Select v-model="form.deploy_policy">
+                            <SelectTrigger id="deploy_policy">
+                                <SelectValue placeholder="Select deploy policy" />
+                            </SelectTrigger>
+                            <SelectContent>
+                                <SelectItem
+                                    v-for="policy in deployPolicies"
+                                    :key="policy"
+                                    :value="policy"
+                                >
+                                    {{ policy.replace("_", " ") }}
+                                </SelectItem>
+                            </SelectContent>
+                        </Select>
                         <InputError :message="form.errors.deploy_policy" />
                     </div>
                     <div class="grid gap-2">
@@ -182,7 +196,11 @@ const destroyService = (): void => {
                 <CardContent class="grid gap-4 md:grid-cols-2">
                     <div class="grid gap-2 md:col-span-2">
                         <Label for="process_roles">Process roles</Label>
-                        <Input id="process_roles" v-model="form.process_roles" placeholder="web, scheduler" />
+                        <Input
+                            id="process_roles"
+                            v-model="form.process_roles"
+                            placeholder="web, scheduler"
+                        />
                         <InputError :message="form.errors.process_roles" />
                     </div>
                     <div class="grid gap-2">