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

src/app/global-error.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
+import { reportBrowserError } from "@/lib/browser-errors";
 
 /**
  * Last-resort boundary for errors thrown in the root layout itself. It replaces
@@ -14,8 +15,10 @@ export default function GlobalError({
 	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 (
@@ -107,8 +110,8 @@ export default function GlobalError({
 					<button type="button" className="ge-btn" onClick={() => reset()}>
 						Try again
 					</button>
-					{error.digest ? (
-						<p className="ge-digest">Reference: {error.digest}</p>
+					{reference ? (
+						<p className="ge-digest">Reference: {reference}</p>
 					) : null}
 				</div>
 			</body>