prevelance data added

apps/web/src/app/browse/[plantId]/DiseaseCards.tsx

@@ -272,18 +272,22 @@ function PrevalenceBadge({ prevalence }: { prevalence: Prevalence }) {
     common: "📊",
     uncommon: "📋",
     rare: "📌",
+    very_rare: "🔍",
   };
   const colors: Record<Prevalence, string> = {
     common: "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/40 dark:text-emerald-300",
     uncommon: "bg-zinc-100 text-zinc-700 dark:bg-zinc-800/60 dark:text-zinc-300",
     rare: "bg-amber-100 text-amber-800 dark:bg-amber-900/40 dark:text-amber-300",
+    very_rare: "bg-red-100 text-red-800 dark:bg-red-900/40 dark:text-red-300",
   };
 
+  const label = prevalence.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+
   return (
     <span
       className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${colors[prevalence]}`}
     >
-      {icons[prevalence]} {prevalence.charAt(0).toUpperCase() + prevalence.slice(1)}
+      {icons[prevalence]} {label}
     </span>
   );
 }
@@ -298,9 +302,10 @@ const SEVERITY_RANK: Record<Severity, number> = {
 };
 
 const PREVALENCE_RANK: Record<Prevalence, number> = {
-  common: 3,
-  uncommon: 2,
-  rare: 1,
+  common: 4,
+  uncommon: 3,
+  rare: 2,
+  very_rare: 1,
 };
 
 type SortField = "prevalence" | "danger";