fix(ui): contact user-type badge contrast in light mode

White text on bg-primary (oklch 0.62) scored ~3:1 and failed WCAG AA.
Switch the user badge to an outline with a soft primary tint so the
label stays readable in light mode while still visually distinct from
the group (secondary) and topic (outline) types.

ui/web/src/pages/contacts/contacts-table.tsx

@@ -95,8 +95,12 @@ export function ContactsTable({
               </td>
               <td className="px-3 py-2.5">
                 <Badge
-                  variant={c.contact_type === "user" ? "default" : c.contact_type === "topic" ? "outline" : "secondary"}
-                  className="text-xs-plus"
+                  variant={c.contact_type === "user" ? "outline" : c.contact_type === "topic" ? "outline" : "secondary"}
+                  className={
+                    c.contact_type === "user"
+                      ? "text-xs-plus bg-primary/10 text-primary border-primary/30 dark:bg-primary/20 dark:text-primary-foreground dark:border-primary/40"
+                      : "text-xs-plus"
+                  }
                 >
                   {c.contact_type === "user" ? t("types.user") : c.contact_type === "topic" ? t("types.topic", "Topic") : t("types.group")}
                 </Badge>