feat: implement Story 2.1 — Owner/Manager Command Center Dashboard

- Rewrite DashboardController with cached role-scoped KPI aggregation
  (Cache::remember, 5-min TTL, Declaration::forUser scope)
- Create StatCard.vue component with CVA status variants and a11y
- Rewrite Dashboard.vue with 4-column KPI grid + urgent declarations table
- Add mise_en_demeure status to DeclarationStatus enum with transitions
- Exclude termine, mise_en_demeure, ferme from dashboard queries
- Set deadline proximity red threshold to ≤5 days
- Add abort(404) for non-member workspace access per architecture
- Fix null-safe client access for soft-deleted clients
- Fix hardcoded routes with Wayfinder type-safe imports
- Fix DashboardProps.stats type to allow null
- Add aria-pressed to StatCard for accessibility
- Install shadcn-vue table component (11 files)
- Add 11 Pest feature tests + 3 mise_en_demeure transition tests
- Fix DeclarationFactory eager workspace creation causing slug collisions
- 196 tests pass, 836 assertions, zero regressions

resources/js/components/dashboard/StatCard.vue

@@ -0,0 +1,81 @@
+<script setup lang="ts">
+import { router } from '@inertiajs/vue3';
+import { cva } from 'class-variance-authority';
+import { computed } from 'vue';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Skeleton } from '@/components/ui/skeleton';
+import { cn } from '@/lib/utils';
+
+type Props = {
+    label: string;
+    count: number;
+    status: 'danger' | 'warning' | 'info' | 'success';
+    href: string;
+    loading?: boolean;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+    loading: false,
+});
+
+const cardVariants = cva(
+    'cursor-pointer transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none',
+    {
+        variants: {
+            status: {
+                danger: 'border-red-500/50 bg-red-500/5 hover:bg-red-500/10',
+                warning:
+                    'border-amber-500/50 bg-amber-500/5 hover:bg-amber-500/10',
+                info: 'border-blue-500/50 bg-blue-500/5 hover:bg-blue-500/10',
+                success:
+                    'border-green-500/50 bg-green-500/5 hover:bg-green-500/10',
+            },
+        },
+    },
+);
+
+const countColorClass = computed(() => {
+    const map: Record<string, string> = {
+        danger: 'text-red-600',
+        warning: 'text-amber-600',
+        info: 'text-blue-600',
+        success: 'text-green-600',
+    };
+    return map[props.status] ?? '';
+});
+
+function navigate(): void {
+    router.get(props.href);
+}
+
+function handleKeydown(event: KeyboardEvent): void {
+    if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        navigate();
+    }
+}
+</script>
+
+<template>
+    <Card
+        :class="cn(cardVariants({ status }))"
+        role="button"
+        tabindex="0"
+        aria-pressed="false"
+        @click="navigate"
+        @keydown="handleKeydown"
+    >
+        <CardHeader class="pb-2">
+            <CardTitle class="text-sm font-medium text-muted-foreground">
+                <Skeleton v-if="loading" class="h-4 w-20" />
+                <template v-else>{{ label }}</template>
+            </CardTitle>
+        </CardHeader>
+        <CardContent>
+            <Skeleton v-if="loading" class="h-8 w-16" />
+            <div v-else :class="cn('text-3xl font-bold', countColorClass)">
+                {{ count }}
+            </div>
+        </CardContent>
+    </Card>
+</template>