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/catalog/[id]/loading.tsx

@@ -21,15 +21,18 @@ export default function CatalogDetailLoading() {
 			{/* Tabs */}
 			<div className="space-y-4">
 				<div className="flex gap-2 border-b pb-2">
-					{Array.from({ length: 4 }).map((_, i) => (
-						<Skeleton key={i} className="h-9 w-24 rounded-md" />
+					{Array.from({ length: 4 }, (_, i) => i).map((n) => (
+						<Skeleton
+							key={`skeleton-tab-${n}`}
+							className="h-9 w-24 rounded-md"
+						/>
 					))}
 				</div>
 
 				{/* Tab content */}
 				<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>

src/app/admin/catalog/loading.tsx

@@ -25,11 +25,11 @@ export default function CatalogLoading() {
 					<Skeleton className="h-8 w-56" />
 				</div>
 				<div className="p-2 space-y-1">
-					{Array.from({ length: 12 }).map((_, i) => (
+					{Array.from({ length: 12 }, (_, i) => i).map((n) => (
 						<div
-							key={i}
+							key={`skeleton-tree-${n}`}
 							className="flex items-center gap-2 px-2 py-1.5"
-							style={{ paddingLeft: `${(i % 3) * 20 + 8}px` }}
+							style={{ paddingLeft: `${(n % 3) * 20 + 8}px` }}
 						>
 							<Skeleton className="h-5 w-5 shrink-0" />
 							<Skeleton className="h-5 w-5 shrink-0" />