Changes

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

src/routes/contacts.index.tsx

@@ -327,8 +327,13 @@ function ContactsIndex() {
                       const typeLabel = CONTACT_TYPES.find((t) => t.value === c.contact_type)?.label ?? c.contact_type;
                       const canEdit = isAdmin || c.created_by === user?.id;
                       return (
-                        <li key={c.id} className="px-4 py-3 hover:bg-muted/40 transition-colors">
+                        <li key={c.id} className={`px-4 py-3 hover:bg-muted/40 transition-colors ${selected.has(c.id) ? "bg-primary/5" : ""}`}>
                           <div className="flex items-center gap-3">
+                            <Checkbox
+                              checked={selected.has(c.id)}
+                              onCheckedChange={() => toggleOne(c.id)}
+                              aria-label={`Select ${c.name}`}
+                            />
                             <Link
                               to="/contacts/$contactId"
                               params={{ contactId: c.id }}