[Dashboard] Fix peak rate date formatting with error handling

Author: jnsdls

apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/usage/rpc/page.tsx

@@ -63,6 +63,18 @@ export default async function RPCUsage(props: {
     Number(totalCounts.rateLimitedCount) +
     Number(totalCounts.overageCount);
 
+  const peakRateDate = (() => {
+    if (peakRate.date) {
+      try {
+        return format(new Date(`${peakRate.date}Z`), "MMM d, HH:mm");
+      } catch (e) {
+        console.error("Error parsing peak rate date", peakRate.date, e);
+        return null;
+      }
+    }
+    return null;
+  })();
+
   return (
     <div className="container mx-auto space-y-8 py-6">
       <div className="flex flex-col gap-2">
@@ -113,9 +125,7 @@ export default async function RPCUsage(props: {
             </div>
             <p className="mt-1 text-muted-foreground text-xs">
               <ClockIcon className="mr-1 inline h-3 w-3" />
-              {peakRate.date
-                ? format(new Date(`${peakRate.date}Z`), "MMM d, HH:mm")
-                : "No Requests in last 24 hours"}
+              {peakRateDate ? peakRateDate : "No Requests in last 24 hours"}
             </p>
           </CardContent>
         </Card>