Fix terms checkbox: wrap input inside label for reliable toggling

src/components/auth/register-form.tsx

@@ -154,19 +154,18 @@ export function RegisterForm({
         <div className="rounded-md p-3 flex flex-col gap-3" style={{
           backgroundColor: "color-mix(in srgb, var(--color-background) 50%, var(--color-surface))",
         }}>
-          <fieldset className="flex flex-wrap items-center w-full gap-3 text-sm">
+          <label className="flex flex-wrap items-center w-full gap-3 text-sm cursor-pointer">
             <input
-              id="terms"
               name="terms"
               type="checkbox"
               className="w-4 h-4 border-gray-300 rounded focus:ring-0 shrink-0"
               style={{ borderColor: "color-mix(in srgb, var(--color-text-muted) 30%, transparent)" }}
               required
             />
-            <label htmlFor="terms" className="font-semibold cursor-pointer" style={{ color: "var(--color-text)" }}>
+            <span className="font-semibold" style={{ color: "var(--color-text)" }}>
               {t("termsAccept", { hotel: hotelName })}
-            </label>
+            </span>
-          </fieldset>
+          </label>
         </div>
 
         {/* Captcha */}