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

src/app/admin/permissions/[id]/rank-edit-client.tsx

@@ -347,12 +347,15 @@ export function RankEditClient({
 							<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
 								<div className="flex items-center justify-between rounded-lg border p-3">
 									<div>
-										<Label className="text-sm">Hidden Rank</Label>
+										<Label htmlFor="rank-hidden_rank" className="text-sm">
+											Hidden Rank
+										</Label>
 										<p className="text-xs text-muted-foreground">
 											Hide from public
 										</p>
 									</div>
 									<Switch
+										id="rank-hidden_rank"
 										checked={general.hidden_rank === "1"}
 										onCheckedChange={(v) =>
 											setGeneral({ ...general, hidden_rank: v ? "1" : "0" })
@@ -361,12 +364,15 @@ export function RankEditClient({
 								</div>
 								<div className="flex items-center justify-between rounded-lg border p-3">
 									<div>
-										<Label className="text-sm">Log Commands</Label>
+										<Label htmlFor="rank-log_commands" className="text-sm">
+											Log Commands
+										</Label>
 										<p className="text-xs text-muted-foreground">
 											Record to audit log
 										</p>
 									</div>
 									<Switch
+										id="rank-log_commands"
 										checked={general.log_commands === "1"}
 										onCheckedChange={(v) =>
 											setGeneral({ ...general, log_commands: v ? "1" : "0" })