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-grid.tsx

@@ -175,7 +175,9 @@ export function AdminMediaGrid() {
 			)}
 
 			{/* Dropzone */}
-			<div
+			<button
+				type="button"
+				aria-label={t("uploadSubtitle")}
 				onDragOver={(e) => {
 					e.preventDefault();
 					setDragging(true);
@@ -199,7 +201,7 @@ export function AdminMediaGrid() {
 				<p className="text-xs theme-text-muted dark:theme-text-muted m-0">
 					{t("uploadSubtitle")}
 				</p>
-			</div>
+			</button>
 
 			{loading ? (
 				<p className="text-xs theme-text-muted dark:theme-text-muted text-center py-10">
@@ -218,16 +220,26 @@ export function AdminMediaGrid() {
 					{filtered.map((f) => {
 						const isSelected = selected === f.name;
 						return (
+							// biome-ignore lint/a11y/useSemanticElements: grid tile uses role=button for selection
 							<div
 								key={f.name}
+								role="button"
+								tabIndex={0}
+								aria-label={f.name}
 								onClick={() => setSelected(f.name)}
-								className="group border rounded-[12px] overflow-hidden bg-[var(--admin-canvas)] cursor-pointer transition-all duration-150"
-								style={{
-									borderColor: isSelected
-										? "var(--admin-accent)"
-										: "color-mix(in srgb, var(--admin-text-muted) 14%, transparent)",
+								onKeyDown={(e) => {
+									if (e.key === "Enter" || e.key === " ") {
+										e.preventDefault();
+										setSelected(f.name);
+									}
 								}}
-							>
+							className="group border rounded-[12px] overflow-hidden bg-[var(--admin-canvas)] cursor-pointer transition-all duration-150"
+							style={{
+								borderColor: isSelected
+									? "var(--admin-accent)"
+									: "color-mix(in srgb, var(--admin-text-muted) 14%, transparent)",
+							}}
+						>
 								<div className="relative">
 									{/* eslint-disable-next-line @next/next/no-img-element */}
 									<img