fix(ui): make shared switches visible across CMS themes

src/app/admin/catalog/[id]/catalog-items-table/field-helpers.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Check, ChevronsUpDown, Star } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useId, useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
 import {
 	Command,
@@ -37,11 +37,15 @@ export function ToggleField({
 	onChange: (v: boolean) => void;
 	disabled?: boolean;
 }) {
+	const id = useId();
 	const isChecked = checked ?? (value === 1 || value === "1");
 	return (
 		<div className="flex items-center justify-between gap-2">
-			<Label className="text-xs">{label}</Label>
+			<Label htmlFor={id} className="text-xs">
+				{label}
+			</Label>
 			<Switch
+				id={id}
 				checked={isChecked}
 				onCheckedChange={onChange}
 				disabled={disabled}