Changes

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

src/routes/status.index.tsx

@@ -110,19 +110,18 @@ function StatusUpdatesPage() {
             <form onSubmit={submit} className="space-y-4">
               <div className="space-y-1.5">
                 <Label>Case</Label>
-                <Select value={caseId} onValueChange={setCaseId}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Select a case…" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    {cases.map((c) => (
-                      <SelectItem key={c.id} value={c.id}>
-                        {c.case_number} — {c.title}
-                        {c.client?.name ? ` · ${c.client.name}` : ""}
-                      </SelectItem>
-                    ))}
-                  </SelectContent>
-                </Select>
+                <SearchableSelect
+                  value={caseId}
+                  onValueChange={setCaseId}
+                  placeholder="Select a case…"
+                  searchPlaceholder="Search cases…"
+                  emptyText="No cases found."
+                  options={cases.map((c) => ({
+                    value: c.id,
+                    label: `${c.case_number} — ${c.title}${c.client?.name ? ` · ${c.client.name}` : ""}`,
+                    keywords: `${c.case_number} ${c.title} ${c.client?.name ?? ""}`,
+                  }))}
+                />
                 {selectedCase && (
                   <Link
                     to="/cases/$caseId"