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/admin/media-picker.tsx

@@ -89,12 +89,25 @@ export function MediaPicker({
 			</div>
 
 			{open && (
+				// biome-ignore lint/a11y/useSemanticElements: backdrop overlay uses role=button for click-to-close
 				<div
+					role="button"
+					tabIndex={0}
+					aria-label="Close media picker"
 					className="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
-					onClick={() => setOpen(false)}
+					onClick={(e) => {
+						if (e.target === e.currentTarget) setOpen(false);
+					}}
+					onKeyDown={(e) => {
+						if (e.key === "Enter" || e.key === " ") {
+							e.preventDefault();
+							setOpen(false);
+						}
+					}}
 				>
 					<div
-						onClick={(e) => e.stopPropagation()}
+						role="dialog"
+						aria-modal="true"
 						className="bg-[var(--admin-surface)] text-[var(--admin-text)] rounded-2xl w-[min(90vw,680px)] max-h-[80vh] flex flex-col shadow-xl"
 					>
 						<div className="flex items-center justify-between px-4 py-3 border-b border-[var(--admin-text-muted)]/14">