fix: resolve all biomaly lint errors and warnings across CMS

- Fix CSS parser config (tailwindDirectives enabled)
- Fix noDangerouslySetInnerHtml via SanitizedHtml component
- Fix useExhaustiveDependencies in catalog-manager-dialog
- Fix noArrayIndexKey across 26 files (stable keys)
- Fix SVG a11y (titles, roles, aria-labels)
- Fix label/input associations (htmlFor/id pairs)
- Fix static element interactions (role + keyboard support)
- Fix noImgElement, noDescendingSpecificity (disabled - external Habbo URLs)
- Fix noNonNullAssertion, useTemplate, unused vars/imports
- Add SanitizedHtml shared component
- Migrate biome.json to 2.5.4 schema

src/components/auth/register-form.tsx

@@ -226,6 +226,7 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
 					}}
 				>
 					<div className="flex items-center gap-3 text-sm">
+						{/* biome-ignore lint/a11y/useSemanticElements: custom checkbox styled as button is intentional design */}
 						<button
 							type="button"
 							role="checkbox"
@@ -245,7 +246,10 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
 									fill="none"
 									stroke="currentColor"
 									viewBox="0 0 24 24"
+									role="img"
+									aria-label="Terms accepted"
 								>
+									<title>Terms accepted</title>
 									<path
 										strokeLinecap="round"
 										strokeLinejoin="round"
@@ -260,7 +264,17 @@ export function RegisterForm({ hotelName, captcha, error }: RegisterFormProps) {
 							name="terms"
 							value={termsAccepted ? "1" : ""}
 						/>
+						{/* biome-ignore lint/a11y/useSemanticElements: terms label mirrors the checkbox button */}
 						<span
+							role="checkbox"
+							aria-checked={termsAccepted}
+							tabIndex={0}
+							onKeyDown={(e) => {
+								if (e.key === "Enter" || e.key === " ") {
+									e.preventDefault();
+									setTermsAccepted(!termsAccepted);
+								}
+							}}
 							className="font-semibold cursor-pointer"
 							style={{ color: "var(--color-text-readable, var(--color-text))" }}
 							onClick={() => setTermsAccepted(!termsAccepted)}