website refactor

apps/website/lib/view-models/ProtestViewModel.ts

@@ -1,5 +1,7 @@
 import { ProtestDTO } from '@/lib/types/generated/ProtestDTO';
 import { RaceProtestDTO } from '@/lib/types/generated/RaceProtestDTO';
+import { DateDisplay } from '../display-objects/DateDisplay';
+import { StatusDisplay } from '../display-objects/StatusDisplay';
 
 /**
  * Protest view model
@@ -96,11 +98,11 @@ export class ProtestViewModel {
 
   /** UI-specific: Formatted submitted date */
   get formattedSubmittedAt(): string {
-    return new Date(this.submittedAt).toLocaleString();
+    return DateDisplay.formatShort(this.submittedAt);
   }
 
   /** UI-specific: Status display */
   get statusDisplay(): string {
-    return 'Pending';
+    return StatusDisplay.protestStatus(this.status);
   }
 }