fix: use semantic colors across admin pages

src/app/admin/rooms/rooms-table.tsx

@@ -78,7 +78,7 @@ function getColumns(canEdit: boolean): DataTableColumn<RoomRow>[] {
       sortable: true,
       render: (_, row) => (
         <span className="flex items-center gap-1.5 text-sm">
-          {row.users > 0 && <Wifi className="h-3 w-3 text-[var(--color-success-text-readable)]" />}
+          {row.users > 0 && <Wifi className="h-3 w-3 text-[var(--admin-success)]" />}
           <span className={row.users > 0 ? 'font-medium' : 'text-muted-foreground'}>
             {row.users}
           </span>