feat(admin): add production error center and refresh CMS dependencies

src/app/admin/permissions/[id]/error.tsx

@@ -1,8 +1,9 @@
 "use client";
 
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { reportBrowserError } from "@/lib/browser-errors";
 
 export default function PermissionRankError({
 	error,
@@ -11,8 +12,10 @@ export default function PermissionRankError({
 	error: Error & { digest?: string };
 	reset: () => void;
 }) {
+	const [reference, setReference] = useState(error.digest);
 	useEffect(() => {
-		console.error(error);
+		setReference(error.digest ?? reportBrowserError(error, "browser.boundary"));
+		if (error.digest) reportBrowserError(error, "browser.boundary");
 	}, [error]);
 
 	return (
@@ -28,9 +31,9 @@ export default function PermissionRankError({
 				<pre className="max-h-80 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted p-3 text-xs">
 					{error.stack ?? error.message}
 				</pre>
-				{error.digest ? (
+				{reference ? (
 					<p className="text-xs text-muted-foreground">
-						Reference: {error.digest}
+						Reference: {reference}
 					</p>
 				) : null}
 				<Button type="button" onClick={reset}>