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/service-slices/Create.vue

@@ -3,6 +3,13 @@ import InputError from "@/components/InputError.vue";
 import { Button } from "@/components/ui/button";
 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, useForm } from "@inertiajs/vue3";
 
@@ -77,16 +84,20 @@ const form = useForm({
 
             <div class="grid gap-2">
                 <Label for="environment_id">Environment</Label>
-                <select
-                    id="environment_id"
-                    v-model="form.environment_id"
-                    class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
-                >
-                    <option value="">Service-level</option>
-                    <option v-for="environment in environments" :key="environment.id" :value="environment.id">
-                        {{ environment.name }}
-                    </option>
-                </select>
+                <Select v-model="form.environment_id">
+                    <SelectTrigger id="environment_id">
+                        <SelectValue placeholder="Service-level" />
+                    </SelectTrigger>
+                    <SelectContent>
+                        <SelectItem
+                            v-for="environment in environments"
+                            :key="environment.id"
+                            :value="String(environment.id)"
+                        >
+                            {{ environment.name }}
+                        </SelectItem>
+                    </SelectContent>
+                </Select>
                 <InputError :message="form.errors.environment_id" />
             </div>