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/housekeeping/page.tsx

@@ -16,10 +16,30 @@ import {
 export const dynamic = "force-dynamic";
 
 const GROUPS = [
-	"Core", "Users", "Rooms", "Bans", "News", "Logs", "Settings",
-	"Wordfilter", "Catalog", "Shop", "Events", "Tickets", "Moderation",
-	"Polls", "Analytics", "DevOps", "Prefixes", "Banners", "Radio",
-	"RCON", "Assets", "Export", "Notifications", "CMS Pages",
+	"Core",
+	"Users",
+	"Rooms",
+	"Bans",
+	"News",
+	"Logs",
+	"Settings",
+	"Wordfilter",
+	"Catalog",
+	"Shop",
+	"Events",
+	"Tickets",
+	"Moderation",
+	"Polls",
+	"Analytics",
+	"DevOps",
+	"Prefixes",
+	"Banners",
+	"Radio",
+	"RCON",
+	"Assets",
+	"Export",
+	"Notifications",
+	"CMS Pages",
 ];
 
 export default async function AdminHousekeeping({
@@ -89,43 +109,43 @@ export default async function AdminHousekeeping({
 			<div className="admin-tabs mb-4">
 				<Link
 					href="/admin/housekeeping?tab=overview"
-					className={"admin-tab " + (tab === "overview" ? "active" : "")}
+					className={`admin-tab ${tab === "overview" ? "active" : ""}`}
 				>
 					{t("tabOverview")}
 				</Link>
 				<Link
 					href="/admin/housekeeping?tab=manage"
-					className={"admin-tab " + (tab === "manage" ? "active" : "")}
+					className={`admin-tab ${tab === "manage" ? "active" : ""}`}
 				>
 					{t("tabManage")}
 				</Link>
 				<Link
 					href="/admin/housekeeping?tab=import"
-					className={"admin-tab " + (tab === "import" ? "active" : "")}
+					className={`admin-tab ${tab === "import" ? "active" : ""}`}
 				>
 					{t("tabImport")}
 				</Link>
 				<Link
 					href="/admin/housekeeping?tab=ranks"
-					className={"admin-tab " + (tab === "ranks" ? "active" : "")}
+					className={`admin-tab ${tab === "ranks" ? "active" : ""}`}
 				>
 					{t("tabRanks")}
 				</Link>
 				<Link
 					href="/admin/housekeeping?tab=presets"
-					className={"admin-tab " + (tab === "presets" ? "active" : "")}
+					className={`admin-tab ${tab === "presets" ? "active" : ""}`}
 				>
 					{t("tabPresets")}
 				</Link>
 				<Link
 					href="/admin/housekeeping?tab=test"
-					className={"admin-tab " + (tab === "test" ? "active" : "")}
+					className={`admin-tab ${tab === "test" ? "active" : ""}`}
 				>
 					{t("tabTest")}
 				</Link>
 				<Link
 					href="/admin/housekeeping?tab=audit"
-					className={"admin-tab " + (tab === "audit" ? "active" : "")}
+					className={`admin-tab ${tab === "audit" ? "active" : ""}`}
 				>
 					{t("tabAudit")}
 				</Link>