refactor(web): adopt useLang + segmentClass/rowStateClass across sites (#66)

web/src/objects/objects-table.tsx

@@ -7,6 +7,7 @@ import type { components } from "../api/schema";
 import { useObjectsPage } from "../api/queries";
 import { useDebouncedValue } from "../lib/use-debounced-value";
 import { focusRing } from "../lib/focus-ring";
+import { segmentClass, rowStateClass } from "../lib/class-recipes";
 import { useConfig } from "../config/config-context";
 import { VisibilityBadge } from "./visibility-badge";
 import { Button, buttonVariants } from "@/components/ui/button";
@@ -171,7 +172,7 @@ export function ObjectsTable() {
               type="button"
               aria-pressed={active}
               onClick={() => setVisibility(value)}
-              className={`${focusRing} rounded-md px-2 py-1 ${active ? "bg-primary text-primary-foreground" : "border"}`}
+              className={segmentClass(active, "px-2 py-1")}
             >
               {value === "all" ? t("search.all") : t(`visibility.${value}`)}
             </button>
@@ -248,9 +249,7 @@ export function ObjectsTable() {
             <tr
               key={object.id}
               onClick={() => navigate(`/objects/${object.id}?${params}`)}
-              className={`cursor-pointer border-b text-sm ${
-                selected ? "bg-primary/10" : "hover:bg-muted"
-              }`}
+              className={`cursor-pointer border-b text-sm ${rowStateClass(selected)}`}
             >
               <td className="px-3 py-2 text-muted-foreground">
                 <Link