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/favicon/favicon-form.tsx

@@ -81,11 +81,12 @@ export function FaviconForm({ currentUrl }: { currentUrl: string | null }) {
 				</h3>
 				{preview && (
 					<div className="mb-6">
-						<label className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
+						<label htmlFor="favicon-current" className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
 							{t("current")}
 						</label>
 						<div className="flex items-center gap-4">
 							<Image
+								id="favicon-current"
 								src={preview}
 								alt="Favicon preview"
 								width={64}

src/app/admin/favicon/favicon-generator.tsx

@@ -104,10 +104,11 @@ export function FaviconGenerator({ onSave }: Props) {
 
 			<div className="space-y-4">
 				<div>
-					<label className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
+					<label htmlFor="favicon-text" className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
 						{t("text")}
 					</label>
 					<input
+						id="favicon-text"
 						type="text"
 						value={text}
 						onChange={(e) => setText(e.target.value.slice(0, 4))}
@@ -118,11 +119,12 @@ export function FaviconGenerator({ onSave }: Props) {
 				</div>
 
 				<div>
-					<label className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
+					<label htmlFor="favicon-bgColor" className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
 						{t("bgColor")}
 					</label>
 					<div className="flex items-center gap-2 mb-2">
 						<input
+							id="favicon-bgColor"
 							type="color"
 							value={bgColor}
 							onChange={(e) => setBgColor(e.target.value)}
@@ -150,11 +152,12 @@ export function FaviconGenerator({ onSave }: Props) {
 				</div>
 
 				<div>
-					<label className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
+					<label htmlFor="favicon-textColor" className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
 						{t("textColor")}
 					</label>
 					<div className="flex items-center gap-2">
 						<input
+							id="favicon-textColor"
 							type="color"
 							value={textColor}
 							onChange={(e) => setTextColor(e.target.value)}