✨ feat: Add model performance metrics to dashboard

Add a shared `performance-metrics` feature module for perf metric APIs, DTOs, and formatting, then surface global 24h model performance on the dashboard with cards and a top-model table.

Reuse the shared metrics module from pricing model details, remove duplicated perf API/formatting code from pricing, and add localized labels for the new dashboard performance UI.

web/default/src/features/dashboard/index.tsx

@@ -47,6 +47,12 @@ const LazyConsumptionDistributionChart = lazy(() =>
   }))
 )
 
+const LazyPerformanceOverview = lazy(() =>
+  import('./components/models/performance-overview').then((m) => ({
+    default: m.PerformanceOverview,
+  }))
+)
+
 const LazyUserCharts = lazy(() =>
   import('./components/users/user-charts').then((m) => ({
     default: m.UserCharts,
@@ -83,6 +89,31 @@ function ModelChartsFallback() {
   )
 }
 
+function PerformanceOverviewFallback() {
+  return (
+    <div className='space-y-3 sm:space-y-4'>
+      <div className='overflow-hidden rounded-lg border'>
+        <div className='divide-border/60 grid grid-cols-2 divide-x sm:grid-cols-4'>
+          {Array.from({ length: 4 }).map((_, i) => (
+            <div key={i} className='px-3 py-2.5 sm:px-5 sm:py-4'>
+              <Skeleton className='h-4 w-24' />
+              <Skeleton className='mt-2 h-7 w-20' />
+              <Skeleton className='mt-1.5 h-3.5 w-28' />
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className='overflow-hidden rounded-lg border'>
+        <div className='flex items-center justify-between border-b px-4 py-3 sm:px-5'>
+          <Skeleton className='h-5 w-40' />
+          <Skeleton className='h-4 w-48' />
+        </div>
+        <Skeleton className='h-44 w-full' />
+      </div>
+    </div>
+  )
+}
+
 const SECTION_META: Record<
   DashboardSectionId,
   { titleKey: string; descriptionKey: string }
@@ -219,6 +250,11 @@ export function Dashboard() {
                 </Suspense>
               </FadeIn>
               <FadeIn delay={0.1}>
+                <Suspense fallback={<PerformanceOverviewFallback />}>
+                  <LazyPerformanceOverview />
+                </Suspense>
+              </FadeIn>
+              <FadeIn delay={0.15}>
                 <Suspense fallback={<ModelChartsFallback />}>
                   <LazyConsumptionDistributionChart
                     data={modelData}
@@ -232,7 +268,7 @@ export function Dashboard() {
                   />
                 </Suspense>
               </FadeIn>
-              <FadeIn delay={0.15}>
+              <FadeIn delay={0.2}>
                 <Suspense fallback={<ModelChartsFallback />}>
                   <LazyModelCharts
                     data={modelData}