Fix unit display errors

src/components/ui/speed-display.tsx

@@ -0,0 +1,52 @@
+import { MeasurementDisplay } from './measurement-display';
+
+interface SpeedDisplayProps {
+  kmh: number;
+  showBothUnits?: boolean;
+  className?: string;
+}
+
+export function SpeedDisplay({ kmh, showBothUnits = false, className }: SpeedDisplayProps) {
+  return (
+    <MeasurementDisplay 
+      value={kmh} 
+      type="speed" 
+      showBothUnits={showBothUnits} 
+      className={className} 
+    />
+  );
+}
+
+interface DistanceDisplayProps {
+  meters: number;
+  showBothUnits?: boolean;
+  className?: string;
+}
+
+export function DistanceDisplay({ meters, showBothUnits = false, className }: DistanceDisplayProps) {
+  return (
+    <MeasurementDisplay 
+      value={meters} 
+      type="distance" 
+      showBothUnits={showBothUnits} 
+      className={className} 
+    />
+  );
+}
+
+interface HeightDisplayProps {
+  cm: number;
+  showBothUnits?: boolean;
+  className?: string;
+}
+
+export function HeightDisplay({ cm, showBothUnits = false, className }: HeightDisplayProps) {
+  return (
+    <MeasurementDisplay 
+      value={cm} 
+      type="height" 
+      showBothUnits={showBothUnits} 
+      className={className} 
+    />
+  );
+}