Implement smart capitalization based on locale (#17860)

web/src/views/system/CameraMetrics.tsx

@@ -259,7 +259,7 @@ export default function CameraMetrics({
                   )}
                   <div className="flex w-full flex-col gap-3">
                     <div className="flex flex-row items-center justify-between">
-                      <div className="text-sm font-medium capitalize text-muted-foreground">
+                      <div className="text-sm font-medium text-muted-foreground smart-capitalize">
                         {camera.name.replaceAll("_", " ")}
                       </div>
                       <Tooltip>

web/src/views/system/EnrichmentMetrics.tsx

@@ -105,7 +105,7 @@ export default function EnrichmentMetrics({
             <>
               {embeddingInferenceTimeSeries.map((series) => (
                 <div className="rounded-lg bg-background_alt p-2.5 md:rounded-2xl">
-                  <div className="mb-5 capitalize">{series.name}</div>
+                  <div className="mb-5 smart-capitalize">{series.name}</div>
                   {series.name.endsWith("Speed") ? (
                     <ThresholdBarGraph
                       key={series.name}