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/app/admin/import/badges/import-badges-client.tsx

@@ -344,10 +344,9 @@ export function ImportBadgesClient() {
 				{/* Loading skeleton */}
 				{loading && badges.length === 0 && (
 					<div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3">
-						{Array.from({ length: 18 }).map((_, i) => (
-							// biome-ignore lint/suspicious/noArrayIndexKey: static skeleton placeholders
+						{Array.from({ length: 18 }, (_, i) => i).map((n) => (
 							<div
-								key={i}
+								key={`skeleton-badge-${n}`}
 								className="rounded-lg border bg-card p-3 animate-pulse"
 							>
 								<div className="h-12 w-12 bg-muted rounded mx-auto mb-2" />

src/app/admin/import/badges/loading.tsx

@@ -8,8 +8,8 @@ export default function ImportBadgesLoading() {
 				<Skeleton className="h-5 w-72 mt-2" />
 			</div>
 			<div className="rounded-lg border bg-card p-6 space-y-4">
-				{Array.from({ length: 6 }).map((_, i) => (
-					<div key={i} className="space-y-2">
+				{Array.from({ length: 6 }, (_, i) => i).map((n) => (
+					<div key={`skeleton-field-${n}`} className="space-y-2">
 						<Skeleton className="h-4 w-24" />
 						<Skeleton className="h-10 w-full" />
 					</div>