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/logs/audit/loading.tsx

@@ -14,9 +14,9 @@ export default function AuditLogsLoading() {
 				<Skeleton className="h-10 w-24" />
 			</div>
 			<div className="rounded-md border">
-				{Array.from({ length: 8 }).map((_, i) => (
+				{Array.from({ length: 8 }, (_, i) => i).map((n) => (
 					<div
-						key={i}
+						key={`skeleton-row-${n}`}
 						className="flex items-center gap-6 px-4 py-3 border-b last:border-0"
 					>
 						<Skeleton className="h-4 w-12" />

src/app/admin/logs/chat/loading.tsx

@@ -14,9 +14,9 @@ export default function ChatLogsLoading() {
 				<Skeleton className="h-10 w-24" />
 			</div>
 			<div className="rounded-md border">
-				{Array.from({ length: 8 }).map((_, i) => (
+				{Array.from({ length: 8 }, (_, i) => i).map((n) => (
 					<div
-						key={i}
+						key={`skeleton-row-${n}`}
 						className="flex items-center gap-6 px-4 py-3 border-b last:border-0"
 					>
 						<Skeleton className="h-4 w-12" />

src/app/admin/logs/commands/loading.tsx

@@ -14,9 +14,9 @@ export default function CommandLogsLoading() {
 				<Skeleton className="h-10 w-24" />
 			</div>
 			<div className="rounded-md border">
-				{Array.from({ length: 8 }).map((_, i) => (
+				{Array.from({ length: 8 }, (_, i) => i).map((n) => (
 					<div
-						key={i}
+						key={`skeleton-row-${n}`}
 						className="flex items-center gap-6 px-4 py-3 border-b last:border-0"
 					>
 						<Skeleton className="h-4 w-12" />

src/app/admin/logs/trades/loading.tsx

@@ -14,9 +14,9 @@ export default function TradeLogsLoading() {
 				<Skeleton className="h-10 w-24" />
 			</div>
 			<div className="rounded-md border">
-				{Array.from({ length: 8 }).map((_, i) => (
+				{Array.from({ length: 8 }, (_, i) => i).map((n) => (
 					<div
-						key={i}
+						key={`skeleton-row-${n}`}
 						className="flex items-center gap-6 px-4 py-3 border-b last:border-0"
 					>
 						<Skeleton className="h-4 w-12" />