website refactor

apps/website/components/drivers/SafetyRatingBadge.tsx

@@ -6,10 +6,11 @@ import { Shield } from 'lucide-react';
 
 interface SafetyRatingBadgeProps {
   rating: number;
+  ratingLabel: string;
   size?: 'sm' | 'md' | 'lg';
 }
 
-export function SafetyRatingBadge({ rating, size = 'md' }: SafetyRatingBadgeProps) {
+export function SafetyRatingBadge({ rating, ratingLabel, size = 'md' }: SafetyRatingBadgeProps) {
   const getColor = (r: number) => {
     if (r >= 90) return 'text-performance-green';
     if (r >= 70) return 'text-warning-amber';
@@ -65,7 +66,7 @@ export function SafetyRatingBadge({ rating, size = 'md' }: SafetyRatingBadgeProp
         font="mono" 
         color={colorClass}
       >
-        SR {rating.toFixed(0)}
+        {ratingLabel}
       </Text>
     </Box>
   );