Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/cases.index.tsx

@@ -471,14 +471,17 @@ function CasesList() {
                     />
                   </td>
                   <td className="px-4 py-3">
-                    <Link
-                      to="/cases/$caseId"
-                      params={{ caseId: c.id }}
-                      className="font-medium hover:text-primary"
-                      onClick={(e) => e.stopPropagation()}
-                    >
-                      {c.title}
-                    </Link>
+                    <span className="inline-flex items-center gap-1.5">
+                      <Link
+                        to="/cases/$caseId"
+                        params={{ caseId: c.id }}
+                        className="font-medium hover:text-primary"
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        {c.title}
+                      </Link>
+                      <StatusFlagBadges bk={c.in_bankruptcy} pp={c.on_payment_plan} />
+                    </span>
                     <div className="text-xs text-muted-foreground">{c.case_number}</div>
                   </td>
                   <td className="px-4 py-3 text-muted-foreground">{c.client?.name ?? "—"}</td>